Diffuser Blogger Template

diffuser blogger template

Diffuser is a fully mobile responsive Template for Blogger Enabled Websites, which is ready with the latest CSS3 effects and suites perfectly on Magazine, Business, Blogs and Corporate Websites. It is compatible with all browsers and works perfectly on Internet Explorer too. High Speed Google fonts are consumed which would surely magnetize the eyes of your visitors. It is fully compatible with portable devices i.e. iPhone, iPad, Android and etc. In short, It is fully compatible with mobile devices.


Diffuer Blogger Template Features:


Name:
Author:
Category:
Adapted From WordPress, Thumbnail Related Posts, Responsive Image Slide, SEO Friendly, Four Columns Footer, Static Home Page, Auto Read More With Thumbnail
Additional Category:
1 Sidebar, 2 columns Blog Layout,  Fixed Width, Dark Grayish Color Scheme, threaded commenting system and much more

Customization Of Diffuser Blogger Template

Customizing The Navigation Menu:

To customize the navigation menu of this Blogger Template follow the following instructions correctly. Go To Blogger.com >> Template >> Edit Html >> Search for the following code and customize it according to your desired needs. However, if you get stuck in the middle feel free to leave your comment below:

<div id='main_container'>
<nav class='main'>
<div class='menu-header-container'><ul class='menu' id='menu-header'>
<li class='menu-item'><a href='#' title='Diffuser'><span class='nav_item'>Home</span></a></li>
<li class='menu-item'><a href='#' title='Music News'><span class='nav_item'>News</span></a></li>
<li class='menu-item'><a href='#' title='Top 10 Lists and More'><span class='nav_item'>Features</span></a></li>
<li class='menu-item'><a href='#' title='Songs'><span class='nav_item'>Songs</span></a></li>
<li class='menu-item'><a href='#' title='Videos'><span class='nav_item'>Videos</span></a></li>
<li class='menu-item'><a href='#' title='Free Music Downloads'><span class='nav_item'>Free Music Downloads</span></a></li>
<li class='menu-item'><a href='#' title='Interviews'><span class='nav_item'>Q+A</span></a></li>
</ul></div>

<div class='social_icons size_24'>
<a class='share_link facebook' href='https://www.facebook.com/templateism' target='_blank' title='Follow on facebook'><span class='social_icon'>follow on facebook</span></a>
<a class='share_link twitter' href='http://twitter.com/templateism' target='_blank' title='Follow on Twitter'><span class='social_icon'>follow on Twitter</span></a>
<a class='tip-us' href='mailto:staff@gigi.com'>Tip Us</a>
</div>
</nav>

<div class='horizontal_navigation clearfix alt_link_color' id='promo_links'>
<div class='menu-promo-links-container'><ul class='menu' id='menu-promo-links'><li class='menu-item'><a>Trending:</a></li>
<li class='menu-item'><a href='#' title=' 2012 Music Awards'> 2012 Music Awards</a></li>
<li class='menu-item'><a href='#' title='Remembering Joe Strummer'>Remembering Joe Strummer</a></li>
<li class='menu-item'><a href='#' title='Best Albums 2012'>Best Albums 2012</a></li>
<li class='menu-item'><a href='#' title='Shocking 2012 Moments'>Shocking 2012 Moments</a></li>
<li class='menu-item'><a href='#' title='Best Radiohead Songs'>Best Radiohead Songs</a></li>
</ul>
</div>

Adding Widgets Below/Above Posts:

Sometime, users desire to add Widgets either above or below the post pages. Therefore, we have made tried our best to make things easier for everyone.

To Add a Gadget only on Post Pages either above or below post follow the following instructions.

Go To Blogger.com >> Template >> Edit HTML >> Proceed and Search for the Following coding.

To Show Below Post Title:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Google Adsense Ad Code (Below Post Title)-->
</b:if>

Replace <!--Google Adsense Ad Code (Below Post Title)--> with your Widget coding according to your desire needs

To Show at The end of Posts:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Google Adsense Ad Code (At the End of Posts)-->
 </b:if>

Replace <!--Google Adsense Ad Code (At the End of Posts)--> with your Widget coding according to your desire needs.

No comments:
Write comments