Simplex Focus - Template for politic website

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

Install Instruction

1,Download this template

2,Open it in any Word editor program you have .

3,To change logo of site ,find this code :

<div id="website-name">
                 <a rel="home" title="Home" href="http://simplexfocus.blogspot.com">
                     <span class="china">Simplex</span>Focus
                 </a>
             </div>   

and change it to yours banner or site name
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">
                <!---your ad here-->
             </div>

and replace the text in bold to your ad code   .Ad code in size 468x60
To add ad code in right sidebar ,find this code

<div class="ad-336x280 ad">
                                <!--- your ad here-->
                             </div>

and replace the text in bold to your ad code . Ad size 300x250
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">
                                 <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&amp;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>   

and replace the link marked in bold to your social accounts .

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&amp;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 :

<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>       

and change link to your categories . Your category link has structure : http://your blog.blogspot.com/search/label/category name

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&amp;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 .