If you take a look on my Simplex Enews live demo ,you will see this template has some new features .It included : - Disqus comment systemt ,a recent comment tab from Disqus - Widgets in the footer - A page for embeded forum ( sidebar is hidden when you enter this page )- Lightbox effect - Reduce loading time- Number of post in each category is different .And in this post ,I want to show you template SimplexEnews which is renewed .
Live Demo | Download
1, For installing this template ,you can see my previous post on how to install Simplex Enews template .
2,To activate Disqus comment system ,open template in a word editor and search for these code :<script type='text/javascript'>
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'simplexenews'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
replace the text 'simplexenews' marked in bold to your disqus short name .
find this code<script type='text/javascript'>
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'simplexenews'; // required: replace example with your forum shortname
// The following are highly recommended additional parameters. Remove the slashes in front to use.
// var disqus_identifier = 'unique_dynamic_id_1234';
// var disqus_url = 'http://example.com/permalink-to-page.html';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
replace simplexenews marked in bold to your disqus shortname .
find this <div class='dsq-widget' id='recentcomments'><script type="text/javascript" src="http://simplexenews.disqus.com/recent_comments_widget.js?num_items=5&hide_avatars=0&avatar_size=32&excerpt_length=200"></script></div>
and replace simplexenews to your disqus shortname .
There are three code blocks in total .
3,After uploading template to blogger ,you can add widgets to the footer as you want .
4,If you want to add a forum to your blogger blog ,you can see my post on Vanilla forum to create one . To hide sidebar and other widget when enter the forum like my live demo ,you can search the whole template file for link ' http://simplexenews1.blogspot.com/p/forum.html ' and replace it with link to the page which embeded Vanilla forum .
5,To use lightbox , when you insert an image in post editor ,click on edit HTML edit it with following structure <a href="link to original image" rel="lightbox"><img src="link to thumbnail/resized image" /></a>
6,To set the number of post showed in each category in the homepage ,you can modify the value of these variables as you want :numposts = 6;
numposts1 = 3;
numposts2 = 6;
numposts3 = 4;
numposts5 = 5;
numposts6 = 10;
That's all for re-new version ,I also optimized the code for reducing loading time .I hope you like these features .
Guest Blogger
This post was written by a guest contributor. Please see their details in the post above. If you'd like to guest post for SimplexDesign check out our
Write for us page for details about how YOU can share your tips with our community.
0 comments:
Post a Comment