Subscribe to our mailing list to get the updates to your email inbox...
Simplex Celebrity renewed version
by nhamnga hanh
|
posted: 1/30/2011
|
129
comments
In this post ,I want to show you renewed version of my template Simplex Celebrity ,which is more easy to install ,bugs fixed ,loading faster ,a forum wide-page and SEO friendly .
There are two template files for this version ,one with Disqus comment system and the other without .
Live Demo Download version with Disqus Download
1, Download template file from links above .Choose template file with Disqus comment system if you want to use Disqus ,or choose the other if not .
2,If you choose template file with Disqus comment system ,open template file in a word editor such as Notepad ++ and find this block code :
and this block
change the text in bold "simplexcelebs" to your Disqus shortname .
Save template ,and upload it to Blogger .
3,Go to Blogger Dashboard ->Design->Page Element .In this page ,you will see many widgets.
4,To add logo to your blog
Click on logo widget
and fill widget content with link to logo as what I did in image below
5,To add items to menu bar
click on edit link in menu bar widget
and add link to categories in your blog as I did in the image
Link to each category has structure : http://yourblog.blogspot.com/search/label/your category
6,'top ads','sidebarads' are widgets for advertising . You can click on 'edit' link of these widgets and add the ad code into widget content . Like this
7,To add content to slider
click on edit link in "feature slider" widget
write the title you want to show in widget title
and write the name of category which you want to show in slider in widget content
for example ,in the picture below ,I want to show content of category "feature" in slider ,so I add title "feature slider" into widget title and add category name "feature" into widget content . And recent posts from "feature" category will be shown in slider .
8,Do the same with other widgets . Click on 'edit' link in a widget ,add 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 in "music" in the position of widget "category box 2"
First ,I click on edit link in "category box 2" widget
a dialog appeared . I add category name "music" into widget content ,and add "MUSIC" in the widget title
after that ,click Save .
Here is what we have after editing :
9,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://simplexcelebs.blogspot.com/p/forum.html'
you will find out these block code :
and
Change "http://simplexcelebs.blogspot.com/p/forum.html" to your forum page's url .
10,Lightbox effect has been integrated in this template
To use Lightbox effect in your post ,when editing post ,click on Edit HTML .
To add lightbox effect for one image , use rel="lightbox" title="Your image Caption" as picture above
To add lightbox effect for multiple images , use rel="lightbox[albumname]" title="Your Image Caption"
if you want to add another image to this album,upload the second image and use rel="lightbox[albumname]" title="Caption for Second image of albumname"
in this case , lightbox will work like a gallery with next and previous links and you can use keyboard to navigate through the album
That's all for this template .I hope you enjoy this version ^^
There are two template files for this version ,one with Disqus comment system and the other without .
Live Demo Download version with Disqus Download
Install Instruction
1, Download template file from links above .Choose template file with Disqus comment system if you want to use Disqus ,or choose the other if not .
2,If you choose template file with Disqus comment system ,open template file in a word editor such as Notepad ++ and find this block code :
<div id='disqus_thread'/>
<script type='text/javascript'>
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'simplexcelebs'; // 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>
and this block
<script type='text/javascript'>
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'simplexcelebs'; // 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 in bold "simplexcelebs" to your Disqus shortname .
Save template ,and upload it to Blogger .
3,Go to Blogger Dashboard ->Design->Page Element .In this page ,you will see many widgets.
4,To add logo to your blog
Click on logo widget
and fill widget content with link to logo as what I did in image below
5,To add items to menu bar
click on edit link in menu bar widget
and add link to categories in your blog as I did in the image
Link to each category has structure : http://yourblog.blogspot.com/search/label/your category
6,'top ads','sidebarads' are widgets for advertising . You can click on 'edit' link of these widgets and add the ad code into widget content . Like this
7,To add content to slider
click on edit link in "feature slider" widget
write the title you want to show in widget title
and write the name of category which you want to show in slider in widget content
for example ,in the picture below ,I want to show content of category "feature" in slider ,so I add title "feature slider" into widget title and add category name "feature" into widget content . And recent posts from "feature" category will be shown in slider .
8,Do the same with other widgets . Click on 'edit' link in a widget ,add 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 in "music" in the position of widget "category box 2"
First ,I click on edit link in "category box 2" widget
a dialog appeared . I add category name "music" into widget content ,and add "MUSIC" in the widget title
after that ,click Save .
Here is what we have after editing :
9,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://simplexcelebs.blogspot.com/p/forum.html'
you will find out these block code :
<b:if cond='data:blog.url != "http://simplexcelebs.blogspot.com/p/forum.html"'>
<b:section id='sidebar' class="widget1" showaddelement='yes'>
<b:widget id='HTML14' locked='false' title='Subscribe' type='HTML'>
and
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.url == "http://simplexcelebs.blogspot.com/p/forum.html"'>
<div id="fullcontent">
<b:loop values='data:posts' var='post'>
Change "http://simplexcelebs.blogspot.com/p/forum.html" to your forum page's url .
10,Lightbox effect has been integrated in this template
To use Lightbox effect in your post ,when editing post ,click on Edit HTML .
To add lightbox effect for one image , use rel="lightbox" title="Your image Caption" as picture above
To add lightbox effect for multiple images , use rel="lightbox[albumname]" title="Your Image Caption"
if you want to add another image to this album,upload the second image and use rel="lightbox[albumname]" title="Caption for Second image of albumname"
in this case , lightbox will work like a gallery with next and previous links and you can use keyboard to navigate through the album
That's all for this template .I hope you enjoy this version ^^
Simplex Blognews - latest version - easy to install
by nhamnga hanh
|
posted: 1/24/2011
|
142
comments
Many people comment in my blog for reporting errors when installing and using template Simplex Blognews . Thanks you all for this . Without your error reporting and support ,I can't continue this work .
In this post ,I want to introduce to you latest version of Blognews template which is easier to use and fixed some bugs .
Live Demo Download
2,Open template file in any word editor you have such as notepad ++
3,Here is code of main menu bar in template file :
Change the text in bold to your category link . Follow this structure :
4,If you download Simplex blognews comes with Disqus comment system ,to activate Disqus comment system ,find this code :
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 :
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
In this post ,I want to introduce to you latest version of Blognews template which is easier to use and fixed some bugs .
Live Demo Download
Install instruction
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 :
<b:includable id='comments' var='post'>
<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
Simplex Blognews - renewed version
by nhamnga hanh
|
posted: 1/18/2011
|
9
comments
Latest version of Simplex Blognews -Click here
Simplex Blognews has some changes in code . I added Disqus comment system into this template ,remove some CSS tags ,optimize the code and re-solve the problem with showing Google adsense ads .
Live Demo | Download | Download Blognews template with forum page
To install this template ,you can see to my post on how to install Simplex Blognews
To activate Disqus comment system : find this code
<b:includable id='comments' var='post'><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 replace 'simplexblognews' ( marked in bold ) to your Disqus shortname .
then find 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>
and replace 'simplexblognews' (marked in bold) to your Disqus shortname .
if you plan to use a Blognews template with a wide page for a forum ,you can download version with forum page .
After installed ,create a page with name 'forum' ,then click on Edit HTML mode in editor window,and paste script of embeded forum (for example Vanilaforum) into page content
That's all for Simplex Blognews .Have fun !!!
Simplex Enews template - renew version
by nhamnga hanh
|
posted: 1/03/2011
|
54
comments
The latest version of Simplex Enews -click here
Simplex Aggregator 2 - News aggregator for blogspot
by nhamnga hanh
|
posted: 12/24/2010
|
33
comments
In a post several months ago ,I showed you my template Simplex News Aggregator ,a template that I developed base on Google feed Api and a script from DynamicHTML .This template will get news from many source and show them as time order in separated categories . But that template is very simple ,both of design and function ,so in this post ,I want to show you Simplex News Aggregator 2 ,a template that comes with news aggregator ,support blogging ,page ,and widget .
2,Open template in a word editor .
3,To change logo ,find this code :
4,Here is the code of menu navigation
5,Code of header description :
6,Here is the code of each news categories in home page :
I will explain this code line by line :
-<h3><img width="16" height="16" src="http://digg.com/favicon.ico"/> Technology News</h3>
- newsfeed.addFeed("NYT", "http://www.nytimes.com/services/xml/rss/nyt/International.xml")
newsfeed.addFeed("Yahoo News", "http://rss.news.yahoo.com/rss/world")
These two lines will add news from sources (NYT and Yahoo News) to the news category in homepage . if you want to add news from other sources ,you can apply this structure :
newsfeed.addFeed("Name of news source", "RSS link of news source")
- newsfeed.filterfeed(5) //Show 5 entries, sort by date this line specify the number of entry showed is 5 . You can increase this number to show more or decrease for less .
That's the code for showing news from news sources into one category in homepage . By understanding what these lines mean ,I hope you can modify them as you want . You can refer to my post on Simplex News Aggregator old version for more detail because the code for showing news in these two template are the same
7,When you browse blog posts in my live demo ,you will notice the sidebar in the right hand . Here is the code for this sidebar :
8,Now ,you can upload template to Blogger . There are many places for widget in this template ,and you can add or remove your own widget as you want .
9,That's all for this template .If you familiar to template from SimplexDesign ,you will see that very easy to editing template and make it show as you want ,you can also refer to other templates for more.
I hope this template will be helpful to you .
Live Demo Download
Install Instruction
1,Download template file .2,Open template in a word editor .
3,To change logo ,find this code :
.logo a { color:#b24a35; background:url(http://img818.imageshack.us/img818/9282/logolb.png) no-repeat; }and change the text in bold to your logo url .
4,Here is the code of menu navigation
<ul id="nav">You can add link to your categories to this menu .
<li><a class='name' expr:href='data:blog.homepageUrl'>Home</a>
<ul>
<li><a title="Sub Pages 1" href="">Sub Pages 1</a></li>
<li><a title="Sub Page 3" href="">Sub Page 3</a></li>
<li><a title="Sub Page 4" href="">Sub Page 4</a></li>
</ul>
</li>
<li><a href="http://simplexnetwork.blogspot.com/search/label/blog">Blog</a></li>
</ul>
5,Code of header description :
<div class="clearfix" id="header-in">change it to the text you want .
<p class="description">This is a network of news ,resources and tutorial ,feel free to browse them and if you want ,you can submit your news to us ,and we will be very pleased to show it out</p>
</div>
6,Here is the code of each news categories in home page :
<li>
<h3><img width="16" height="16" src="http://digg.com/favicon.ico"/> Technology News</h3>
<script type="text/javascript">
var newsfeed=new gfeedfetcher("list1")
newsfeed.addFeed("NYT", "http://www.nytimes.com/services/xml/rss/nyt/International.xml")
newsfeed.addFeed("Yahoo News", "http://rss.news.yahoo.com/rss/world")
newsfeed.filterfeed(5) //Show 5 entries, sort by date
newsfeed.init() //Always call this last
</script>
</li>
I will explain this code line by line :
-<h3><img width="16" height="16" src="http://digg.com/favicon.ico"/> Technology News</h3>
- http://digg.com/favicon.ico : Icon of news category.
- Technology News : name of news category
- newsfeed.addFeed("NYT", "http://www.nytimes.com/services/xml/rss/nyt/International.xml")
newsfeed.addFeed("Yahoo News", "http://rss.news.yahoo.com/rss/world")
These two lines will add news from sources (NYT and Yahoo News) to the news category in homepage . if you want to add news from other sources ,you can apply this structure :
newsfeed.addFeed("Name of news source", "RSS link of news source")
- newsfeed.filterfeed(5) //Show 5 entries, sort by date this line specify the number of entry showed is 5 . You can increase this number to show more or decrease for less .
That's the code for showing news from news sources into one category in homepage . By understanding what these lines mean ,I hope you can modify them as you want . You can refer to my post on Simplex News Aggregator old version for more detail because the code for showing news in these two template are the same
7,When you browse blog posts in my live demo ,you will notice the sidebar in the right hand . Here is the code for this sidebar :
<div id="sidebar">you can add the categories ,links you want to this sidebar .
<div class="col">
<h3><span>Categories</span></h3>
<ul>
<li>
<a href="http://simplexnetwork.blogspot.com">Blog</a>
</li>
</ul>
</div>
</div>
8,Now ,you can upload template to Blogger . There are many places for widget in this template ,and you can add or remove your own widget as you want .
9,That's all for this template .If you familiar to template from SimplexDesign ,you will see that very easy to editing template and make it show as you want ,you can also refer to other templates for more.
I hope this template will be helpful to you .
Merry christmas 2010 to you all .
Simplex Newspro - Template for magazine
by nhamnga hanh
|
posted: 12/08/2010
|
31
comments
Here is the template Simplex Newspro . It's a Blogger version of Newspro template from Gabfirethemes . I think it's good for a news portal and magazine .
Simplex Focus - Template for politic website
by nhamnga hanh
|
posted: 11/12/2010
|
26
comments
I want to introduce my latest template to you all : SimplexFocus .It's a clean and clear template ,and I think it's good for a site that focus on a specific topic such as politic ,finance ...
Live Demo Download
2,Open it in any Word editor program you have .
3,To change logo of site ,find this code :
if you are using a logo ,replace the text in bold by this code
4,To add ad code in top banner ,find this code
To add ad code in right sidebar ,find this code
If you add Adsense to your site ,but the ad doesn't show ,you can see this post
5,To add your social network account to blog ,find this code :
Do the same with this code :
and this code
6,To add link to category bar at the bottom ,find this code :
7, This template use Google Search engine instead of Blogger default search engine .
To create a Search for your site ,you can follow these steps :
7a , Create a page on your blog ,name it Search result
7b , Go to Google Adsense ,Click on Adsense for search .
Follow steps like images bellow
click on next
this step will set the range for your search
click on next
click on next
choose Open results within my own site
and enter url of search result page you create in step 7a in Enter URL where search results will be displayed textbox
7c,The last step in Adsense for Search ,you see a button for submit and get ad code ,click on it . There are two blocks of code for you .
The code for search box and code for search result .
7d,Open template file and find this code :
replace this code with the code of searchbox you get from Google adsense
7e, Go to your blog , and choose edit pages for opening your search result page you created in step 7a .
Switch to Edit HTML mode
Paste the code of search result into page content .
Save your page .
At this time ,you finish creating search engine for your site .
8,Save template you are editing in word editor ,and upload it to Blogger .
That's all for this template .
I hope you like it
Remember to follow all my instructions and go through steps slowly .Feel free to leave me comments .
Live Demo Download
Install Instruction
1,Download this template2,Open it in any Word editor program you have .
3,To change logo of site ,find this code :
<div id="website-name">and change it to yours banner or site name
<a rel="home" title="Home" href="http://simplexfocus.blogspot.com">
<span class="china">Simplex</span>Focus
</a>
</div>
if you are using a logo ,replace the text in bold by this code
<a rel="home" title="Home" href="yoursite url">
<img src="logo url"/>
</a>
4,To add ad code in top banner ,find this code
<div class="ad-468x60 ad">and replace the text in bold to your ad code .Ad code in size 468x60
<!---your ad here-->
</div>
To add ad code in right sidebar ,find this code
<div class="ad-336x280 ad">and replace the text in bold to your ad code . Ad size 300x250
<!--- your ad here-->
</div>
If you add Adsense to your site ,but the ad doesn't show ,you can see this post
5,To add your social network account to blog ,find this code :
<div class="widget1" id="subscribe-follow">and replace the link marked in bold to your social accounts .
<div class="h4">Like, Follow, and Subscribe</div>
<a rel="nofollow" title="Fan us on Facebook" href="http://www.facebook.com/simplexdesignblog" class="fan-on-facebook"></a>
<a rel="nofollow" title="Follow us on Twitter" href="http://twitter.com/dinhquanghuy" class="follow-on-twitter"></a>
<a rel="nofollow" title="Subscribe to e-mail updates" href="http://feedburner.google.com/fb/a/mailverify?uri=simplex&loc=en_US" class="subscribe-by-email"></a>
<a rel="nofollow" title="Subscribe to our RSS feed" href="/feeds/posts/defautl" class="subscribe-by-rss"></a>
<div class="clear"></div>
</div>
Do the same with this code :
<div class="widget1" id="site-sns">
<a title="SimplexDesign on Facebook" href="http://www.facebook.com/simplexdesignblog" class="sns-facebook">
<span class="icon sns-facebook"></span> SimplexDesign on Facebook <span class="raquo">»</span>
</a>
<a title="SimplexDesign on Twitter" href="http://twitter.com/dinhquanghuy" class="sns-twitter">
<span class="icon sns-twitter"></span> SimplexDesign on Twitter <span class="raquo">»</span>
</a>
<a title="SimplexDesign Google Friend Connect" href="http://simplexfocus.blogspot.com/p/friend-connect.html" class="sns-gfc">
<span class="icon sns-gfc"></span> Google Friend Connect <span class="raquo">»</span>
</a>
<div class="clear"></div>
</div>
and this code
<div id="mini-subscribe-follow">
<a rel="nofollow" title="Fan us on Facebook" href="http://www.facebook.com/simplexdesignblog" class="fan-on-facebook"></a>
<a rel="nofollow" title="Follow us on Twitter" href="http://twitter.com/dinhquanghuy" class="follow-on-twitter"></a>
<a rel="nofollow" title="Subscribe to e-mail updates" href="http://feedburner.google.com/fb/a/mailverify?uri=simplex&loc=en_US" class="subscribe-by-email"></a>
<a rel="nofollow" title="Subscribe to our RSS feed" href="http://simplexfocus.blogspot.com/feeds/posts/default" class="subscribe-by-rss"></a>
<div class="clear"></div>
</div>
6,To add link to category bar at the bottom ,find this code :
and change link to your categories . Your category link has structure : http://your blog.blogspot.com/search/label/category name
<div id="popular-tags">
<span class="nav-title">Category : </span>
<a href="">lifestyle</a>
<a href="">faces</a>
<a href="">interests</a>
<a href="">youth</a>
<a href="">money</a>
<a href="">news</a>
<a href="">work</a>
</div>
7, This template use Google Search engine instead of Blogger default search engine .
To create a Search for your site ,you can follow these steps :
7a , Create a page on your blog ,name it Search result
7b , Go to Google Adsense ,Click on Adsense for search .
Follow steps like images bellow
click on next
this step will set the range for your search
click on next
click on next
choose Open results within my own site
and enter url of search result page you create in step 7a in Enter URL where search results will be displayed textbox
7c,The last step in Adsense for Search ,you see a button for submit and get ad code ,click on it . There are two blocks of code for you .
The code for search box and code for search result .
7d,Open template file and find this code :
<form action="http://simplexfocus.blogspot.com/p/search-result.html" id="cse-search-box">
<div>
<input type="hidden" name="cx" value="partner-pub-5647776272363922:dsem4bd7gjy" />
<input type="hidden" name="cof" value="FORID:10" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="30" class="search-field" />
<input type="submit" value="search" name="sa" class="search-button" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>
replace this code with the code of searchbox you get from Google adsense
7e, Go to your blog , and choose edit pages for opening your search result page you created in step 7a .
Switch to Edit HTML mode
Paste the code of search result into page content .
Save your page .
At this time ,you finish creating search engine for your site .
8,Save template you are editing in word editor ,and upload it to Blogger .
That's all for this template .
I hope you like it
Remember to follow all my instructions and go through steps slowly .Feel free to leave me comments .
Recent Comments