Released Stylish Blogger Template ~ All Tricks And Tips

Blogger templates are being arranged on such of the systemic method where all elements are to be appeared by the browser from styling content to it's xml details delivered by a language named "HTML". Only this template has a unique feature and that is all CSS, Index.xml, PHP, JavaScript and another Jquery powered by GoogleCode or W3.org are being arranged in between the whole template CSS styling section remains from <head> to ]]></b:skin> tag and special JavaScript coding remains in between ]]></b:skin> and </head> tag and where </head> tag terminates <body> tag starts from there. These arrangements are so simple to think but too complicated to modify any blogger xml template.

Today we're gonna show one of the highly modified blog template which has two sections on header, two horizontal navigation bars with search box, one sidebar and on right side one footer section above three column lower footer section
and is expandable according to body's width. Without these some other special features are being added like a banner ad section above post body having space 400*250 for Google Adsense ad and a social sharing widget next to this above the post body. This template containing a stylish comment box and this template takes few seconds to load in spite of having slow internet connection. Let's go ahead for greater details of the template named WBT Revolution Church

Live Demo

Front End of WBT Revolution Church

Look out a sample front-end of this whole template below as of this template has been developed by WildBloggerTricks along with TSTC(TheSaaDo) Network.

Back End View of WBT Revolution Church

The back end view is completely widgetizable and there are several spaces for adding particular widget on your template. Any kind of changes will be visible on front end of this template look out below

Customization Guidance

1. Change top horizontal navigation by editing this one below

<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='subnav'>
<li><a expr:href='data:blog.homepageUrl' shape='rect'>Home</a></li>
<li><a href='http://www.services.comli.com/' target='_blank' title='Our Exclusive Premium Services'>Services</a></li>
<li><a href='#' shape='rect' target='_blank'>Advertise</a></li>
<li><a href='#' shape='rect' target='_blank'>About Us</a></li>
<li><a href='mailto:ahmed.tstc@gmail.com' target='_blank' 
title='Contact Me Via Email'>Contact Us</a>
</li></ul>
<g:plusone size='medium'/></div>

2. Change horizontal navigation by editing this one shown below

<div id='toppic'>
<div id='topwrapper'>
<ul id='top'>
<li class='home'><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a class='trigger' href='#'>Drop menu 1</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 2</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
<li><a href='/'>Sub menu 5</a></li>
<li><a href='/'>Sub menu 6</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 3</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
<li><a href='/'>Sub menu 5</a></li>
<li><a href='/'>Sub menu 6</a></li>
<li><a href='/'>Sub menu 7</a></li>
<li><a href='/'>Sub menu 8</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
</ul>
<br class='clearit'/>
</div>
</div>

3. Add Google custom search engine exchanging this text mentiond

<div id='NavbarMenuright'>
Google Custom Search Code
</div>
</div>

4. Add Google banner ad above post body having 400*250 space

 <div align='center'>
Google 336*280 Banner Ad Goes to Here
</div>
</td>

5. Add Google text link ad below post footer exchanging code shown below

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='gapad'>
<center>YOUR ADSENSE CODE GOES HERE</center>
</div>
</b:if>

Need Help More?

Hope that this tutorial will help you more hence if you find any problem please don't forget to leave your comment. Your feedback is always appreciated to us. Peace out buddy.

Note:- This widget is being modified from a raw template where wasn't any particular sections like two sections on header, three column lower section and a unique posting space. You need not modify this template much if you know better developing.

License:- This template is being modified along with TSTC Network and WBT has published it only and it's licensed under WBT and TSTC. Any kind of selling or copy this template is strictly forbidden.

Credits:- The whole credit should go to http://wildbloggertricks.blogspot.com/

Thursday, 16 May 2013