In this post ,I want to introduce to you latest version of Blognews template which is easier to use and fixed some bugs .
Download Simplex Blognews with Disqus comment system | Download Simplex Blognews with Blogger comment system
How to install this template
1,Download this template from one of two links above .If you want to use Disqus ,choose template file included Disqus and if you don't ,choose the file with Blogger default comment system2,Open template file in any word editor you have such as notepad ++
3,Here is code of main menu bar in template file :
<ul>
<li>
<a href='http://simplexblognews.blogspot.com'>Home</a>
</li>
<li>
<a href='http://simplexblognews.blogspot.com/search/label/world'>World News</a>
<ul class='children'>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
</ul>
</li>
<li><a href='http://simplexblognews.blogspot.com/search/label/travel'>Travel</a></li>
<li><a href='http://simplexblognews.blogspot.com/search/label/sports'>Sports</a></li>
<li><a href='http://simplexblognews.blogspot.com/search/label/finance'>Finance</a>
<ul class='children'>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
<li><a href='#'>Category</a></li>
</ul>
</li>
<li><a href='http://simplexblognews.blogspot.com/search/label/entertainment'>Entertainment</a></li>
<li><a href='http://simplexblognews.blogspot.com/search/label/business'>Business</a></li>
</ul>
Change the text in bold to your category link . Follow this structure :
<li><a href='category link '>category name</a></li>
4,If you download Simplex blognews comes with Disqus comment system ,to activate Disqus comment system ,find this code :
<div id='disqus_thread'/>
<script type='text/javascript'>
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'simplexblognews'; // 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>
<noscript>Please enable JavaScript to view the <a href='http://disqus.com/?ref_noscript'>comments powered by Disqus.</a></noscript>
</b:includable>
and this code :
<script type='text/javascript'>
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'simplexblognews'; // 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>
Change the text 'Simplexblognews' in bold to your Disqus shortname .
If you don't plan to use Disqus ,skip this step .
5,Save template and upload it to Blogger .
6,In Blogger Dashboard ,go to Page elements . In this page ,you will see many widgets .
7,To add your social network account
click on 'edit' link in Stay Connected widget
and add link to your social network accounts .
8,To add your logo ,click on 'edit' link in logo widget
and add link to your logo into widget content
9,'top ads','below feature ads' ,'primary top col ads','sidebarads','secondary ads right' ,and 'footerads' are widgets for advertising . You can click on 'edit' link of these widgets and add the ad code into widget content . Like this
10,To show posts under a category in the slider:
click on 'edit' link in 'feature content slider' widget
add the title you want to show into widget title ,and add the name of category into widget content .
In these pictures above ,I want to show posts in 'feature' category into slider ,so I add category name 'feature' into widget content and add the title 'feature' into widget title .
11,Do the same with other widgets . Click on 'edit' link in a widget ,add a category name into widget content and add the title you want to show in widget title . Recent posts in this category will be shown in where the widget you choose is .
For example ,I want to show posts under category 'Asia' in the position of widget 'below featured left'
First ,I click on 'edit' link in 'below featured left'
a dialog appeared .
then ,I add the category name 'asia' into widget content ,and add the title I want to show 'Asia' into widget title .
After that ,click Save .
If the category 'asia' existed in my blog ,and there is at least one post under category 'asia' ,it will be displayed in the position of 'below featured left'
12,To add images into Flickr widget
click edit link on flickr widget
and add your FlickR id into widget content
13,To add video to Daily video section
Click on Daily Vid widget
then add video embed code into widget content
14,To add a forum to blog,create a new page ,name it 'forum' and paste the forum embeded code into page content (in Edit HTML mode)
then go to Dashboard -> Go to Design -> Edit HTML ,search for the text 'http://simplexblognews.blogspot.com/p/forum.html'
and replace it with link to 'forum' page you've just created .There are 4 places need to change in total . After that ,save the changes .
15,If you want to increase/decrease the number of post in each category in homepage ,you can find go to Blogger Dashboard -> Design tab -> Edit HTML ,and then checked on Expand Widget templates . Find this code :
numposts = 4;
numposts1 = 1;
numposts2 = 9;
numposts3 = 4;
numposts4 = 4;
numposts5 = 2;
numposts6 = 1;
numposts7 = 10;
numposts8 = 7;
Try to increase each value to get the number of post you want .
Save template when you finish editing . You can drag and drop widgets ,change widget positions ,add or remove widgets ...
That's all for this template . With this version , you don't need to worry much about the code as old Blognews versions .
I hope you like it
No comments:
Post a Comment