Twitter Blogger Template

Template Name: Twitter Blogger Template
Platform: Blogger / Blogspot
Release date : 28, February 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Preview

Twitter Blogger Template is inspired from world’s first micro blogging website Twitter.com. Though, this theme is not a replica of Twitter.com but still it has a touch which would convert your Blogger blog into a robust social networking website. The color combination of light blue and place gives it an elegant touch. Since, this theme is inspired from Twitter. Therefore, we have also attached twitter Tweet button. This Theme is extremely efficient and sober which makes it standout from other templates. It has some built-in extra-ordinary features like Numbered page navigation, floating header, and much more.

Features of Twitter Blogger Template:

1. Floating Header Bar: It has a sleek and stylish black floating header bar that consists of a Small LOGO, Navigation menu and a search bar. It floats along your screen whenever scroll up or down the page.


2. Numbered Page Navigation: We have installed Number page navigation plugin in this theme which automatically overrides Older/Newer post buttons. It reduces bounce rate and improves user engagement.


3. SEO-Friendly: We have also installed an SEO Plugin in this template, which would surely help you to increase your organic traffic in quick succession. Though, the plugin is not FREE, but it is sponsored by MyBloggerLab.com. Therefore, it is free only for this theme.


4. Custom CSS3 Label: Among the few prominent features, we have also added a magnificent CSS3 Label cloud in this theme which would surely catch some extra attention. 

More Features: Twitter Look, Web 2.0, Magazine Style, light blue and black color Scheme, threaded commenting system, and much more.

How to Customize Floating Menu?

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

<ul class='art-hmenu'>
<li><a class='active' href='#' title='Home'>Home</a></li>
<li><a href='#' title='About the theme'>About the theme</a></li>
<li><a href='#' title='Buy Theme'>Buy Theme</a></li>
<li><a href='#' title='Plugins'>Plugins</a></li>
<li><a href='#' title='Help'>Help</a></li>
<li><a href='#' title='Contact'>Contact</a></li>
</ul>

From the Designer's Desk: 

We hope this theme will help you in gaining some extra attention from your visitors. This Theme is not a carbon copy of Twitter but still it essence in enough. This template is ideal for blogging niche like technology, multimedia, entertainment, magazine, and etc. It has 95 out of 100 Google Page Speed score which is splendid indeed for SEO and user satisfaction. Feel free to leave your comments and suggestions below.

Download »

AndroidMag Blogger Template

Template Name: AndroidMag Blogger Template

Platform: Blogger / Blogspot

Release date : 27, March 2013

Author : www.templateism.com

License : Creative Commons Attribution 3.0

Download Preview

AndroidMag is a multipurpose Blogger Template designed for Smartphones lovers. It has ready-to-use color scheme and lots of gadgets are preloaded in this template. This theme is ideal for those blogs which are entirely based on Mobile Apps, Gadgets and technology. However, you can always customize its color scheme to make it look according to your needs.  The color combination of dark and light green gives it a complete Android touch. To be honest, this theme is a treat for Smartphone loves i.e. Android, iPhone and etc

.

Features of AndroidMag Blogger Template:

1. Android Theme: This theme is not affiliated with Google (Android). The main idea behind this theme is to help all smartphone lovers, and to motivate them to blog on Android niche. 
2. Multi-drop down menu: After receiving lots of request, we finally included a Multi drop down menu in this theme. To provide more flexibility, we have not used any jQuery file. In fact, everything works on CSS. 
3. SEO-Friendly: Like our previous themes, we have added an SEO plugin in this template. This plugin would help you in increasing your SEO score. It is already optimized for on-page SEO, so there is no need to do is manually.
4. Author Box: We have also added an automatic author box, which would automatically derive the name of the author and would display his details at the end of the posts. 
5. Related Posts: This theme also has a built in related posts gadget which would appear at the end of every posts. It automatically fetches the most related articles and displays them in a systemic order.

More Features: Web 2.0, Magazine Style, lime green and dark green color Scheme, threaded commenting system, custom label wrapper ,three Columns footer, and much more

From the Designer's Desk:

We hope this theme would help you in giving a new shape to your website. We have added almost all gadgets, so there is no need to do lots of editing. If you liked this template, then do share it with your friends.

Download »

Geeks Gadget Blogger Template

Template Name: Geeks Gadget Template
Platform: Blogger / Blogspot
Release date : 08, March 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Preview

Geeks Gadget is an efficient and magnificent template for blogger users. This theme is designed with such practices that your users would think twice whether it is a Blogger Template, or not because it has all the elements just like WordPress Themes. This template is ideal for those websites which running a Gadget niche blog including multimedia, technology and etc. The color combination of White, Lime blue, and gray makes this theme adorable.  It is a crystal clear theme with some robust features few of them are listed below.

Features of Geeks Gadget Blogger Template:

1. Floating Header Bar: It has a shiny and fashionable lime blue floating header bar that consists of a Small LOGO on the left side and a navigation menu on the right. It floats along your screen whenever scroll up or down the page.
2. Featured Advertisement Spots: By default, there are three featured advertisements spots one below the header, second above posts, and the third below posts. However, anyone can add more Ads spots as per their needs. We have chosen some High CPC spots so this theme could double your earning potentials. 
3. SEO-Friendly: We have also connected an SEO Plugin in this template, which would surely help you to increase your organic traffic in quick succession. This plugin is sponsored by MyBloggerLab.com. 
4. Social Sharing Buttons: We have also added some social sharing buttons so that your users can easily share your content on their favorite social networking platform. Social buttons appears just below the post title of every article. 
5. Fixed Wrapper: The Layout of this theme is fixed so it would support both low and high resolution laptops, and monitors. It would also work well on Mobile devices and Tablet.

More Features: Web 2.0, Magazine Style, lime blue and white color Scheme, threaded commenting system, custom label wrapper, two Colum’s footer, and much more

How to Customize Floating Menu?

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

<ul class='right'>
<li><a class='current' href='#'>Home</a></li>
<li><a href='#'>Services</a></li>
<li><a href='#'>About</a></li><li>
<a href='#'>Services</a></li>
<li><a class='lasst' href='#'>Contact</a>
</li>
</ul>

From the Design's Desk:

This theme is highly optimized the reason why the Google page speed score is 95 out of 100. We have also experimented with the placement on Labels which is indeed a splendid innovation. On the other hand, this theme is extremely handy for Blogging, Technology, Multimedia and Gadgets niche websites. Feel free to leave your positive reviews below.

Download »

Creative Gallery Blogger Template

Template Name: Creative Gallery Template
Platform: Blogger / Blogspot
Release date : 21, March 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Preview

Creative Gallery is a multi-style Portfolio Blogger Template. This theme is perfect to show off your work and images. It is ideal for wallpaper and portfolio website. Perhaps it is the only Blogger template which has exceptionally overwhelming touch.  It has a full-width homepage, which makes it easy for your users to see through the image gallery.  Though, it is for portfolio website, but it can also be used as a Blog. The color combination of Black, Dark blue, and gray gives it a reasonable touch. We are sure; you have never seen this type of creative blogger template before.

Features of Creative Gallery Blogger Template:

1. Big Size Navigation Menu:  Many of our readers requested us to include a large size Menu bar. Keep that in mind, we have added a decent navigation menu in this theme. It appears just under the header so that users can navigate your site with ease. 


2. Big Thumbnail Related Posts:  We have also added related posts gadget with big-size thumbnails. It would help you in decreasing the bounce rate and would increase the user engagement. 


3. SEO-Friendly: Like our previous themes, we have also added an SEO plugin in this template. This plugin would help you in increasing your SEO score. It is already optimized for on-page SEO, so there is no need to do is manually.


4. Portfolio Theme: As we have said before this theme is ideal for Gallery, portfolio and image hosting websites. We are sure your users would adore the design. It has two column Image galleries. 

How to Customize Menu?

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

<ul class='right'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Blog</a></li>
<li><a href='#'>Portfolio</a></li>
<li><a href='#'>Gallery</a></li>
<li><a href='#'>Wallpapers</a></li>
<li><a href='#'>Inspiration</a></li>
<li><a href='#'>Interviews</a></li>
</ul>

From the Designer's Desk:

This theme is extremely handy for gallery, portfolio and multimedia websites. We have tried to use less jQuery files so that it keeps your site hyperactive. The speed of this theme is unbelievably fast and takes less than second to load. Feel free to leave your positive reviews below.

Download »

Apollo Blogger Template

Template Name: Apollo Technology Theme
Platform: Blogger / Blogspot
Release date : 24, December 2012
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Preview

Apollo Blogger Magazine theme is one of its kinds because it has buckets full of features. It has an elegant look which would attract your eyes like a bee to a honey. Since, it is a WordPress adapted Theme it is equipped with some wonderful features. This Template is Ideal for Niche sites i.e. Technology, Media, News Bulletin, Entertainment and etc. However, a person can also use on a Personal blog theme.

Features of Apollo Blogger Theme:

1. Adapted From WordPress: This Blogger Template is Adapted from WordPress, so it is obvious that its features would be much better than other Blogger Themes. 


2. One SideBar: To give it a touch of Professional Magazine Site we have included one sidebar on the right side. The sidebar has marvel features with the awe-inspiring look.


3. Two Header Areas:  It has two areas for Header one is for the Logo and second is for placing a 468x60 advertisement. However, a person may customize it according to his needs.


4. Floating Menu Bar: Unlike, other Blogger templates, it has full width floating navigation menu that appears at the top of the blog. It scrolls whenever we go up or down the page.


5. Automatic Thumbnail & Read More: We have also included an automatic thumbnail script that automatically generates the Thumbnails and post summaries along with a Read More button.


6. SEO Friendly: This theme is optimized by Skilled SEOs. Therefore, there is no need to optimize for Search engine optimization. Posts have H2 Heading tags that are vital for high SERP ranking.   


7. Fixed Wrapper: The Layout of this theme is fixed so it would support both low and high resolution laptops, and monitors. It would also work well on Mobile devices and Tablet.


8. Four Columns Footer: Unlike, other Blogger Templates, we have tried to come up with 4 Columns footer. It would allow users to add up to 4 Gadgets without facing any problem whatsoever. 


9. Whitish Gray Background: It also has a background that gives an elegant touch to this template. Nowadays, we hardly see any site that is not using custom backgrounds.


10. Threaded Commenting System:  We have added our customized Threaded commenting system, so your visitors cannot stay without leaving their precious comment. 

Customizing Floating Menu Bar:

To Customize the Floating Menu in Apollo Blogger Template a person should have a little bit knowledge about the HTML. However, following steps are curated for an ordinary guy. Consider the following Steps.

<div class='menu-main-menu-container'><ul class='main_nav' id='main_menu'><li class='menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-533' id='menu-item-533'>

<a href='#'>Home</a></li>

<li><a href='#'>Blog</a></li>

<li><a href='#'>About Us</a></li>

<li><a href='#'>Advertise Here</a></li>

<li><a href='#'>Contact Us</a></li></ul>

</div>

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.

How To Add Google Adsense or Any Widget "Below Post Title":

To insert Google AdSense or any other widget  below the post title do as mentioned below. (Remember: It will only appear on Post Pages).
Go To Blogger.com >> Template >> Edit HTML >> Proceed and Search for the Following coding.

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

Once you have found the above coding Simply Replace <!--Google Adsense Ad Code (Below Post Title)--> With your Parsed Google AdSense Code or etc, according to the desire needs.

How To Add Google Adsense or Any Widget "At the End of Posts":

To insert any widget or any advertisements at the end of the post pages do as mentioned below. (Don't worry it will only display on Post Pages).
Go To Blogger.com >> Template >> Edit HTML >> Proceed and Search for the Following coding.

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

After finding the above coding, Replace <!--Google Adsense Ad Code (At the End of Posts)--> with the coding of your widget and save the template.

How To Change Post Author URL?

Go To Blogger.com >> Template >> Edit HTML >> Proceed >> in the template coding Search for the Following Link and replace it with your About us Page.

http://www.mybloggerlab.com/2012/05/some-thing-about-author-syed-faizan-ali.html

From The Designer’s Desk:

This is our first attempt to let the whole blogging community know that blogger is also a robust blogging platform. We bet that Blogger is much better than WordPress in every field and department. However, it also lacks in SEO. What are your thoughts about the Theme? Suggestions would be more then welcome.

Download »

Diffuser Magazine Blogger Template

Template Name: Diffuser Magazine Blogger Template
Platform: Blogger / Blogspot
Release date : 25, December 2012
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Preview

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: 

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


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


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


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


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


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


7. 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 == &quot;item&quot;'>
<!--Google Adsense Ad Code (Below Post Title)-->
</b:if>

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 (Below Post Title)--> or <!--Google Adsense Ad Code (At the End of Posts)--> 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.

Download »

Avada Blogger Template

Template Name: Avada Blogger Template

Platform: Blogger / Blogspot

Release date : 31, December 2012

Author : www.templateism.com

License : Creative Commons Attribution 3.0

Download Preview

Avada is so flexible, clean and has fully mobile responsive design (Try resizing the page of your browser). Built with CSS3 and Lightweight Blogger XML, a lot of hard work went into making Avada a pleasure to use.  Avada has with a bucket full of features and has powerful customization options. It’s extremely nippy and easy to customize. This theme’s has clean modern design, which could decorate any kind of website; portfolio, corporate, business, blog, products, etc.

Features of Avada Blogger Template:

1. WordPress Look: This Blogger theme has fresh and elegant Look that is adapted from WordPress. We are sure your visitors would adore this Template.
2. Responsive Design: It has responsive design that supports different resolutions i.e. iPad, iPod, Android and etc. (Try resizing the page of your browser and see the magic).
3. SEO Friendly: This Blogger Template is SEO-friendly because it is pre-optimized for Search engines. According to Google Page speed it has obtained 93 score out of 100 which is indeed overwhelming for SEO.


4. Drop Down Menu: We have also added a Drop down (Sub menu) that works splendidly well. There is no jQuery associated to this Drop down Menu. Therefore, it’s ultra-fast.
5. Auto Thumb with Read More: It automatically displays Small Thumbnails, a little summary of content and read more buttons on the Homepage.

More Features: 1 Sidebar, 2 columns Blog Layout, 3 Colum Footer, Fixed Width, Light Greenish Color Scheme, Threaded commenting system and much more.

How To Customize Drop Down Nav Menu?

To customize drop down menu of this blogger template Go to Blogger >> Template >> Edit HTML >> Proceed >> then Search for the following HTML Coding and do changes according to your desire needs.

<nav class='nav-holder' id='nav'>
<ul class='menu' id='nav'>

<li><a href='http://www.mybloggerlab.com/'>Home</a>
<ul class='sub-menu'>
<li><a href='#'>Home Version 1</a></li>
<li><a href='#'>Home Version 2</a></li>
<li><a href='#'>Home Version 3</a></li>
</ul>
</li>

<li><a href='#'>Sliders</a>
<ul class='sub-menu'>
<li><a href='#'>Revolution Slider</a></li>
<li><a href='#'>Layer Slider 3.0</a></li>
<li><a href='#'>FlexSlider</a></li>
<li><a href='#'>ThemeFusion Slider</a></li>
</ul>
</li>

<li><a href=''#'>About Us</a></li>
<li><a href=''#'>Contact Us</a></li>
<li><a href=''#'>Blog</a>
</li>
</ul>
</nav>

Adding Widgets Below/Above Posts:

If anyone desire to add widgets below/above posts of this theme, then he can follow the following instructions. (We have added this feature because many uses complains that Blogger Themes don't have user-friendly customization interface). 

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>

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 (Below Post Title)--> To Show widget Below Post Title.
• <!--Google Adsense Ad Code (At the End of Posts)--> To display Widget at the end of posts.

From The Designer's Desk:

This Theme is ideal for Blogs because it has all the sparks that are needed to run a Blogger community. The header of this theme is one of its kind. This is the reason, why it looks classy and elegant. Avada also has tons of marvel features which a person might discover when he would use this FREE Theme. What are your thoughts about this Theme? Suggestions and problems are more than welcomed.

Download »

MegaMag Blogger Template

Template Name: MegaMag Blogger Template
Platform: Blogger / Blogspot
Release date : 20, January 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Preview

MegaMag is a robust multipurpose magazine Blogger Template. With its Flexible coding, the theme can be molded to fit your desire needs whether it is a personal blog or a high scale magazine style Professional website. It has rich functionalities like Multi Level Drop down Menu, Nivo Slider and much more high quality stuff. It has all the spicy features which are required to run a successful blog or website. This theme is ideal for Technology, Fashion, Business, Gaming, Music, and Girly websites.

Features of MegaMag Blogger Template:

1. Multi-Level Drop Down Menu: The most significant feature of this template is its multi-level Drop down menu that works quite brilliantly. The jQuery used to create the drop down effect is extremely modest and hardly takes seconds to load. 


2. Nivo Featured Slider: Blogger Templates are not renounced for Nivo Sliders. Therefore, to remove that misconception we have included a Nivo Slider which has same extraordinary transection effects.  Your visitors would adore playing with the sliders. 


3. 2 Column Post Display on Home/Static Pages: Unlike, other Blogger Template, this theme has 2 column post displays on static and home page. It means two different articles would display in 2 columns one after another. If anyone is confused then, he can view the DEMO to remove his confusion.


4. Static Homepage: The Home page of this theme is static. Thus, the Slider and few more gadgets would only appear on the homepage so it may not interest the user-friendly experience of your visitors.  


5. Highly SEO Friendly: It is not just a SEO Friendly theme because it is highly optimized for Search engines. Unlike our other themes, we have integrated some advance techniques that would surely bring some more traffic on your website. 

More Features:  Ads Ready, WordPress Look, Web 2.0, Magazine Style, Static Home page, Fixed Width, Orange and Black color Scheme, threaded commenting system, 4 columns footer and much more.

How To Customizing Drop Down Menu?

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

<!-- Drop Down Menu -->
<div id='navigation-wrapper'>
     <div class='container'>
            <ul class='menu' id='navigation'>
<li class='current-menu-item'><a href='#'>Home</a>
<ul class='sub-menu'>
<li><a href='#'>Full Width Slider 2</a></li>
<li><a href='#'>Compact w/thumbnails</a></li>
  </ul>
     </li>

<li><a href='#'>News</a></li>
<li><a href='#'>Music</a></li>
<li><a href='#'>Gaming</a></li>
<li><a href='#'>Fashion</a></li>
<li><a href='#'>Movies</a></li>

<li><a href='#'>Food</a>
<ul class='sub-menu'>
<li><a href='#'>Apple</a></li>
<li><a href='#'>Fruits</a></li>
</ul>
   </li>
      </ul>

<select id='navigation_select'>
   </select>
        </div>
              </div>
<div style='clear:both;'></div>

How to Add Widget or Ads Above/Below Posts:

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>

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 (Below Post Title)--> To Show widget Below Post Title.
<!--Google Adsense Ad Code (At the End of Posts)--> To display Widget at the end of posts.

From The Editor's Desk:

This Theme is extremely lightweight and has Google Page Speed of 92 which is ideal for Search engines. Don't forget we have used many jQuery files and still 92 Page Speed score is even more than acceptable. Do not forget to share your experience.

Download »

News Magazine Blogger Template

Template Name: News Magazine Template
Platform: Blogger / Blogspot
Release date : 10, February 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Preview

News Magazine is an ever new responsive Template for Blogger Platform. Though, this template has the capability to take shape of any kind of website, but it is ideal for the Niche blogging like Technology, News bulletin, Gadgets, Telecom. This Theme has an elegant touch that literally produces sparks in the eyes of your visitors. It is jam packed with custom options like Featured Labels, Dropdown menu, Custom sidebar, related posts and much more. News Magazine looks splendid, because of its prominent color scheme. The orange color with a combination of blank gives it a perfect touch.

Key Features of News Magazine Blogger Template:

1. Drop down Menu: Drop downs menus have become a basic need of each and every website. Keeping that in mind, we have added navigation drop down menu in this theme too. 
2. Custom Popular Post: We have also added a custom popular posts widget which would display all those articles which are popular on your website. It helps in improving the Bounce rate.
3. Auto Read More Button with Thumb: We have also included automatic read more button script, so there is no need to add manual Jump break buttons. Furthermore, the “Continue Reading” button is extremely stylish.
4. Featured Content Area:  This new feature is one of its kinds because we have first time added a splendid widget. This Widget fetches the Posts though Labels and, displays them in the featured content area. This also helps in arranging your content in different and prominent ways.

More Features: WordPress Look, Web 2.0, Magazine Style,Fixed Width, white and dark blue color Scheme, threaded commenting system, custom threaded commenting system and much more.

How To Customize Drop Down Menu?

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

Navigation #1:

<div class='main-navigation'>
<nav id='navigation'>
<ul class='menu' id='menu-pages'>
<li><a href='#'>General Settings</a></li>
<li><a href='#'>Styling</a></li>
<li><a href='#'>Single Post</a></li>
<li><a href='#'>Ad Management</a></li>
<li><a href='#'>Social</a></li>
<li><a href='#'>Fonts</a></li>
</ul>
</nav>
</div>

Navigation #2:

<!-- Navigation -->
<div class='secondary-navigation'>
<nav id='navigation'>
<ul class='menu' id='menu-main-navigation'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Technology</a></li>
<li><a href='#'>Breaking News</a></li>
<li><a href='#'>U.S.A</a></li>
<li><a href='#'>World News</a></li>
<li><a href='#'>Options Panel</a>
<ul class='sub-menu'>
<li><a href='#'>General Settings</a></li>
<li><a href='#'>Styling Options</a></li>
<li><a href='#'>Single Post</a></li>
<li><a href='#'>Font Settings</a></li>
<li><a href='#'>Social Buttons</a></li>
<li><a href='#'>Ad Management</a></li>
</ul>
</li>
<li><a href='#'>Shortcodes</a></li>
</ul></nav>
</div>
<!-- Navigation Ends --> 

How to Customize Featured Label Area?

In order to add posts through Labels then go to Blogger >> Layout >> Just above the post body there will be three "Add a Gadget" button. Just select it and from the list open Add HTML/JavaScript. Now in the HTML Text box paste the following coding. Replace "Templateism" with your any Label.

<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

<script type="text/javascript" src="/feeds/posts/default/-/Templateism?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

<div class="readMores">

<a href="#">Read More</a>

</div>

From the Designer's Desk:

Hopefully this Theme would help lots of bloggers who were anxiously waiting for a theme that is built with some wonderful features. It will compliment any kind of website like Technology, Multimedia, and Magazine. Feel free to leave your comments and suggestions below.

Download »