HTML5 Blogger Template Diffuser Magazine

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.

Features of Diffuser eMag Blogger Template:

Adapted From WordPress: The elements which have used in this Blogger template are adapted from WordPress. We are sure that there is no Blogger Template, which could match the features of this Theme.

Thumbnail Related Posts: In this theme, we have added a Thumbnail Related post widget which would work on automation. The Thumbnails are of normal size so it could easily be seen by the readers.

Responsive Image Slider: To promote your featured articles, we have included a Responsive image slider that would help a person in promotion. It could give extra limelight to a certain article.

SEO Friendly: This Blogger Template is SEO-friendly because it is pre-optimized for Search engines. According to Google Page speed it has obtained 92 score out of 100 which is indeed overwhelming for SEO.

Four Columns Footer: Unlike, other blogger themes, we have experimented with 4 columns widget in the Footer. It would allow users to add up to 4 Gadgets without facing any problem whatsoever.

Static Home Page: This Theme also has Static Homepage, which shows Latest articles in different styles on homepage. However, on post pages it would continue to show articles in a well-organized manner.

Auto Read More With Thumbnail: There is no need to use Read more page break tool in this template because it would automatically create summary with 1 Thumbnail, and would display them on the Home page.

More Features: 1 Sidebar, 2 columns Blog Layout, Fixed Width, Dark Grayish Color Scheme, threaded commenting system and much more.

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 == "item"'>

</b:if>

To Show at The end of Posts:

<b:if cond='data:blog.pageType == "item"'>

</b:if>

Replace  or  with your Widget coding according to your desire needs.

From The Designer's Desk:

This Theme is ideal for Multimedia and Entertainment based Blogs and website because it has all the sparks which are required to run a Successful entertainment website. What are your thoughts about this Theme? any Errors or bugs that we forgot to remove? Suggestions are more then welcomed.