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 .
No comments:
Post a Comment