Metro UI Blogger Template

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

Download Preview


Metro UI is an innovative Windows 8 Style Blogger Template. This theme has a lot of similarities with the Microsoft’s latest operating system Windows 8. This template is ideal for blogging niche like technology, multimedia, entertainment, magazine, and etc. Nonetheless, that’s not all because it is robust enough to be used on any kind of website. By default, this theme has a greenish color scheme. However, you can customize the theme as per the needs. It has some built-in extra-ordinary features like Numbered page navigation, Elegant Menu, 4 column footer, and much more

Features of Metro UI Blogger Template:

  1. Numbered Page Navigation: This is our first theme which has built-in numbered page functionality. It shows numbers instead of older/newer post buttons. It not only increase user engagement but also helps in reducing the bounce rate.

  2. Custom Header: The header of this theme is one of its kinds. It looks a like Windows 8 and has extremely efficient Hover effects. All an all, the colorful header are would surely amaze your readers. 

  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. Featured Image AREA: Many of our users always complains that slider slows down their blog. Keeping that in mind, we have added a Featured image area instead of sliders. It will only appear on the homepage.
More Features: WordPress Look, Web 2.0, Magazine Style, Green and light orange color Scheme, threaded commenting system, and much more.

How To Customize Header LOGO?

First create an Image Logo of 118px Width and 62px height then Upload it through Picasa Web album or your preferred blogger hosting. Now In order to customize the Logo, you have to first log on to Blogger.com >> your site >> Template >> Edit HTML >> Proceed. Search for the following Image URL and replace it with the image URL of your logo.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9cGlTutcI90EPoRu_UpE0bFlw9OC5GTIBUjwD6gbFEDd3Y_i1Z2ytMg630B7Y7KkohI64thvEx8EgJmr2c-aJRQ0iagyPXwLwuTA95JZHgbSnAo6tn3t4XrsaUooRAWgQQGaAVTnfju4/s1600/metro.png

How To Customize Navigation Menus:

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.

Header Navigation:
<!-- Header Nav-->
<a class='mm_home' href='#'>Home</a>
<a class='mm_wishlist' href='#' id='wishlist-total'>Wish List</a>
<a class='mm_account' href='#'>My Account</a>
<a class='mm_checkout' href='#'>Checkout</a>
<a class='mm_account' href='#'>My Account</a> 
Main Navigation Menu :
<ul id='nav'>
<li class='level0 first homelink'><a href='#'><span>Home</span></a></li>
<li class='level0 first homelink'><a href='#'><span>Desktop</span></a></li>
<li class='level0 first homelink'><a href='#'><span>Laptops</span></a></li>
</ul>

From The Designer's Desk:

This Theme is indeed cute in terms of looking and has the sharp color scheme that attracts our attention. Hopefully this theme would help you to gaining some extra SEO exposure and more user engagement. Feel free to leave your comments and suggestions below.

News Magazine Blogger Template

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.

News Magazine Blogger Template

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.

MaxMag Responsive Blogger Template

Max Mag Blogger Template
Template Name: MaxMag Blogger Template
Platform: Blogger / Blogspot
Release date : 3, February 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Preview


Max Mag is a featured-rich, multimedia and magazine theme. Max Mag is a fully responsive template that has unlimited color scheme with a “Sticky” Menu that scrolls throughout the site. Furthermore, it has many features spots for content as well as Advertisements. All-in-all it is a must-to-have theme that literally takes shape of any kind of a website belonging to any category or niche. The color scheme of the template is also eye friendly and would fresh the thoughts of your readers.

MaxMag Responsive Blogger Template

Features of Max Mag Blogger Template:

  1. Sticky Multi Drop Down Menu: In previously released themes like Dazzling Designer, we utilized “Sticky” drop down menu, but a lot of users demanded for a Multi Drop Down menu which could work on three different sub levels. Keeping that in mind, we have added a “Sticky”, Multi-level Drop down menu in this theme. 

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

  3. Featured Ads Spot:Though, we have always experimented while allocating the featured advertisement spots but this time we have selected the most appropriate locations. We did a research work over the areas which are highly viewed by users. As a result, the theme spots were decided. 

  4. Author Bio Widget: The next new thing, which we have added in the template, is the “Author Bio” widget that appears in each and every post. Anyone can customize it, according to their needs. Keep in mind it is not for multiple authors. 
More Features: Adapted from WordPress, Magazine Style, Fixed Width, white and green color Scheme, threaded commenting system, related posts, Ads ready, SEO Friendly and much more.

How To Customizing Sticky 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.
<div id='nav'>
<div id='main-nav-wrapper'>
<div id='main-nav'>
<div class='menu-main-nav-container'><ul><li><a href='#'>Home</a></li>
<li><a href='#'>Features</a>
<ul class='sub-menu'>
<li><a href='#'>Shortcodes</a></li>
<li><a href='#'>Slideshow</a></li>
<li><a href='#'>Wallpaper Ad</a></li>
<li><a href='#'>Full Width Page</a></li>
<li><a href='#'>Archives Page</a></li>
<li><a href='#'>Homepage Blog</a></li>
<li><a href='#'>No Leaderboard</a></li>
<li><a href='#'>Typography</a></li>
</ul>
</li>
</ul></div></div>
</div><!--nav-mobi-->
</div><!--main-nav-wrapper-->
<!-- Navigation Starts -->

How To Customize the Ticker? 

In the Template coding, search for the following or a similar coding. Since, the customization is extremely straightforward. Therefore, users can customize it without facing any problem whatsoever. Remember: Replace all text which is Blue in color.
<div id='ticker'>
<span class='ticker-heading'>Don't miss</span>
<ul class='ticker-list'>
<li><a href='#'>Fashion For Grown Ups at Rue du Mail</a><span class='ticker-date'>Posted 125 days ago</span></li>
</ul>
</div><!--ticker-->

How to Customize Featured Slider? 

From the template coding search for the following and customize it as it is required. Remember: Replace the text in Yellow. Also replace links in Red with the images that you want to see in the featured jQuery slider.
<!-- Featured Content Slider Started -->
<div id='home-left'>
<div id='featured-container'>
<div class='flexslider'>
<ul class='slides'>

<!-- Slider Wrapper 1 -->

<li>
<a href='#' rel='bookmark' title='The most desirable beaches in the world'><img alt='beach' class='attachment-slider-thumb wp-post-image' height='470' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnumhgYF7_qY-jSCI7ssxISoYQxx3I9IWMvp1YZ4tlefr56ADruYQXnw4wHiSYr2GpI_T6zs36CPBRyQXtKbgZirvDZ1UGHXluERnZh62E7Zlrb4py7gFXvCQ8gVOliL6JE1SAscy03rMC/s1600/beach.jpg' width='420'/></a>
<div class='featured-box'>
<h2><a href='#'>World's best beaches</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et...</p>
</div><!--featured-box-->
</li>
</div><!--featured-box-->
</ul>
</div><!--flexslider-->
</div><!---featured-container-->

How to Customize Featured Content Area? 

Probably, the easiest way of customizing the Featured Posts are is to add your Labels to the following Coding. In the Template look for the following or similar coding. Replace "Tech" with your Labels. Remember: The spelling should be accurate otherwise it would not work, even take care of upper and lower class letters.
<script type='text/javascript'>
//<![CDATA[
var numposts = 3;var showpostthumbnails = false;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80; 
//]]></script>
<script src='/feeds/posts/default/-/Tech?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs' type='text/javascript'/>

From the Designer's Desk:

To be honest, it took a entire week in developing this template. Probably  the highest time our team has spend in developing any template so far for Templateism. This Template perfectly suites websites based on Technology, Blog, Multimedia, Magazine, News, Entertainment, Fashion categories. Another thing to pinpoint is that it is a responsive template and universally works perfectly on all platforms.

Attention:

We have Removed All The Bugs. Now the theme is not redirecting to anywhere. Please, its a humble request to download the theme again. However, if it still redirects than go to Blogger >> Template >> Look for the following link and replace it.
http://templateism.googlecode.com/files/related-posts.js
With
 http://templateism.com/javascript/related-posts.js

Blogism Blogger Template

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

Preview



Note: Sorry The Downloading Link is not Available At the Moment Please Check out Other Blogger Theme. We will soon Fix it. Thanks!


Blogism is a simple yet elegantly clean Blogger Template. The dynamics of this Theme is flexible and has the functionality to support multiple blogs of any niche. However, this template is perfect for Blogging, Technology, Social Media and new bulletin based websites. On the other hand, it has some delightful features that would surely bring sparks in the eyes of your visitors. We have added an incredible header that is full of marvelous gadgets like Navigation Menu, Search Box, and Featured Advertisement spot. Blogism Blogger Template is robust and is compatible with all significant browsers.

Blogism Blogger Template Large Layout

Features of Blogism Blogger Template:

  1. Social Sharing Buttons With Counter: We have added all foremost social sharing buttons i.e. Facebook, Twitter and Google+ so, users would not face any difficulty while sharing your content.

  2. Auto Read More Button: 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.

  3. Ads Ready: We have added some HIGH CPC Advertising spot under the header so everyone can easily improve their online income. Some featured advertisement spots includes, one ad Below the Header and under the post title.

  4. Author Avatar with Each Article: Unlike, other blogger templates, we have added a new feature that is Author’s Avatar. In each and every post, it would display an author’s avatar automatically. 
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 Customizing 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.

<!-- Menu -->
<div id='menu'>
<ul>
  <li><a href='#'>Home</a></li>
  <li><a href='#'>About</a></li>
  <li><a href='#'>Contact</a></li>
  <li><a href='#'>Blog</a></li>
</ul>
</div>
<!-- Menu -->
<!-- Login Menu -->
<div id='usuario'>
<ul>
  <li><a class='userlogin' href='#'>Login</a></li>
  <li><a class='usercreate' href='#'>Register</a></li>
</ul>
</div>
<!-- Login Menu -->

How To Change Author Image? 

Now if anyone desire to change the default author image then he can follow the following instructions. In the Blogger Template Search for the following coding and replace the image URL with your image.
<img alt='' class='avata' height='38' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKD5d_eYwSRSr0pDv3N96KnVYpLbqEhpYMZcf8w8ymg8Rv_C6aOfOo3RM2T3iDMYGO_uUlgP0CYy4_giKFWZjUm74B5VYdwaUqNAZ3S3gCt111rvtiZDWO8ud8JrWsM5qx0SAD97DCOn0v/s45/photo.jpg' width='38'/>
</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 Designer's Desk:

This theme is extremely handy for Blogging, Technology, Multimedia and Gadgets niche websites.We have used just 1 jQuery file in this theme. Therefore, The speed of this theme is extremely fast and its about faster than 50% of the website on the web. Feel free to leave your positive reviews below. 

MegaMag Blogger Template

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.

MegaMag Blogger Template Big Preview

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.

Dazzling Designer Blogger Template

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

Download Preview


Dazzling Designer is a Premium Responsive Theme especially created for Designing Niche web blogs and websites. However, it also suites perfectly on Technology, News updates, Business, Gadgets and Top 10s (List based) websites. It has a Sticky Floating Header, Navigation Menu and a capsule search bar. It utilizes CSS, CSS3, HTML, XML and jQuery. The design of this Blogger Template is extremely efficient and also has plenty of customization options. The Dazzling Designer Blogger Template is compatible with all browsers and has crystal clean code/documentation.

Features of Dazzling Designer Blogger Template:

  1. Floating Sticky Header: It has a Sticky Scrolling Header that automatically scrolls at the top of your screen whenever a person scrolls up or down the page. Another significant thing about our header is that it automatically resizes your Image Logo accurately to fits the dimensions of the Header. 

  2. Floating Sticky Drop Down Menu: The Scrolling Sticky drop down menu is positioned just beside the header so visitors can effortlessly navigate all the way through the website without scrolling back to the top of the page. 

  3. Capsule Sticky Search Bar: The search bar of this theme is outstanding because it works on Hover techniques. Let us learn how it works. It displays a Small rounded image, now whenever a user would click on that image it would display the entire Capsule bar. Does that sound interesting? Indeed. 

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

  5. CSS3 Custom Labels: It also has Customized Labels. Whenever, users would place their mouse over Labels it would display a miraculous hover effect. However, anyone can customize it according to their needs.

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

  7. Ads Ready: We have added some HIGH CPC Advertising spots in this blogger template so everyone can easily improve their online income. Some featured advertisement spots includes, One ad Below the Header and One ad Above the Footer.
More Features: SEO Friendly, WordPress Look, Web 2.0, Magazine Style, Static Home page, Fixed Width, Light Blue and White 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.

<div class='block block-system' id='block-system-main-menu'>
<h3 class='title'>Main menu</h3>
<div class='content'>
<ul class='menu'>
<li><a href='#' title=''>Homepage</a></li>
<li class='expanded'>
<a href='#'>Inspiration</a>
<ul class='menu'>
<li class='leaf'><a href='#'>Illustration</a></li>
<li class='leaf'><a href='#'>Logos</a></li>
<li class='leaf'><a href='#'>Photography</a></li>
<li class='leaf'><a href='#'>Typography</a></li>
<li class='leaf'><a href='#'>Daily Inspiration</a></li>
<li class='leaf'><a href='#'>Sites of the Week</a></li>
<li class='leaf'><a href='#'>Rawz</a></li>
</ul></li>
<li><a href='#'>Wallpapers</a></li>
<li><a href='#'>Interviews</a></li>
</ul>
</div>
</div>

How to Add Advertisements Below Header/Above Footer?

We have created two Gadgets areas in the Layout are of the Template. So whenever anyone want to ad Ads Above the Footer or Below the header then he can Do As follows.
  1. Go To Blogger >> Layout.
  2. Select Add a Gadget (Below Header/Above Footer).
  3. Select HTML/JavaScript >> Paste the Ad code.
  4. Save the Template. Done! 

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 Designer's Desk:

This theme is extremely handy for Graphics, Technology, Multimedia and Gadgets niche websites. Our Designers are quite sure that no one would have seen such sort of Template before on Blogger Platform. However, it is just beginning some truly marvel themes are scheduled for the coming weeks. Don't forget to leave your comments and suggestions below. 

Hi-Tech Technology Blogger Template

Hi-Tech Technology Blogger Template
Template Name: Hi-Tech Blogger Template
Platform: Blogger / Blogspot
Release date : 07, January 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Preview


Hi-Tech Technology is a Free Blogger Theme/Template especially for Blogs, Magazine, News Portals and Technology Blogs. It has clean and minimal touch with modern standards design. This Template is also responsive and works smoothly on each and every platform (Resize your Browser and see the magic).  We have used (H1, H2, H3) heading tags that play quite significant role in SEO (Search engine optimization). Furthermore, it comes with tons of built-in features.

Hi-Tech Technology Blogger Template

Features of Hi-Tech Technology Blogger Template:

Elegant Look: This theme is clean and has an impressive look. The layout is remarkable that would amuse the visitors. Since, it has an elegant look. Therefore, people will never guess that it is hosted on Blogger Platform, not on WordPress.
  1. Auto Thumb & Read More: This template also has automatic thumbnail and read more button generation functionality. It would somehow lessen your stress of manually adding Jump break. 

  2. Breadcrumbs: Another miraculous widget we have in this template is Breadcrumbs for humans. It has nothing to do with SEO. The breadcrumbs would only display parent categories of the article so users can easily search your site in depth. 

  3. Custom Background: Unlike other themes, it has custom Sticky Background which gives it a fashionable look. However, anyone can change it according to his desire needs (On the DEMO Scroll down the page and see the background floating on your screen.

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

  5. Google Ads Ready: This theme has quality advertisements spots which would surely increase your earning i.e. beside main logo, Below/Above post title, etc.  
More Features:  SEO Friendly, WordPress Look, 2 Columns, Technology Style, Static Home page, Fixed Width, Blue and White color Scheme, threaded commenting system, 4 columns footer and much more.

How To Customize Menu Bar?

To Edit/Change the Menu bar just go to Blogger.com >> Your Site >> Template >> Edit HTML >> Proceed and in the template search for the following coding. (If you are unable to find the following coding then, look for similar one.
<nav class='main'>
<div class='menu-header-container'>
<ul>

<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='#'>Tip Us</a>

</div>
</nav>

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 Designer's Desk:

This theme is ideal for a blog that shares tips, tricks, and news about gadgets. It’s a complete package that would bring a whole new spark in your content. It is extremely flexible, and anyone can easily customize it according to his needs. What are your thoughts and views about this Template? Anything you want to see in upcoming themes? Feel free to comment your precious opinions.

Avada Blogger Template

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



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.

Diffuser Magazine Blogger Template

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.

Diffuser Magazine Blogger Template

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. 

Damn-LOL Blogger Template

Damn-LOL Blogger Template
Template Name: Damn LOL Blogger Template
Platform: Blogger / Blogspot
Release date : 25, December 2012
Author : www.templateism.com
License : Creative Commons Attribution 3.0
Download Preview


Damn LOL Blogger Template is perfect for pictorial related blogs and websites. It has a dark color scheme which looks dazzling with images. Damn LOL is one of the most prominent Troll Related website that shares Trolling pictures, Funny images and etc. This theme exactly looks a like Damn LOL. Furthermore, This Theme has all those features which are vital to run a picture based site. We are sure after applying it on your BlogSpot site you would never turn back to your old template.

Features of Damn LOL Blogger Theme:

  1. Adapted From WordPress: The Elements used in this theme are adapted from WordPress, so it should provide a professional look to your site. However, dynamically it is would only work on Blogger Platform.

  2. Excellent Page Speed: Since, there is no modern Jquery or JavaScript included on this theme. Therefore, it has 94 Google Page Speed score which is ideal for Search engines.

  3. Google AdSense (Ads) Ready: It has multiple areas where we can easily place advertisements of different sizes. For Example, a 728x90 Ad Slot beside Logo and etc.

  4. Floating Older/Newer Post Buttons: It also has floating Older/Newer Post buttons that allow users to navigate pages quickly. It also helps in reducing the bounce rate because a user spends a lot time in navigating different pages.

  5. SEO Friendly: Though, this theme is no for TEXT based (Content) website but still we have optimized it for Search engine. Now it’s up to a person whether he should Add Alt Tags to his Images. 
More Features: 1 Sidebar, Footer, Fixed Width, Dark whitish background, threaded commenting system.

Important Instructions:

Set One Post on Home Page: To Increase your page views rapidly, we would suggest everyone to display one post on the main page i.e. Homepage. Go To Blogger >> Settings >> Post and Comments >> and Select 1 Post to be displayed on Homepage. 
Displaying Google Adsense Below & Above Posts: To display Google AdSense or any other advertisement below or above the posts look for the following Coding and replace <!--Google Adsense Ad Code (Below Post Title)-->  or <!--Google Adsense Ad Code (At the End of Posts)--> with your parsed Google Ad code.

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>

From The Designer's Desk:

This Theme is ideal for those who are running a Troll related websites, and their source of Traffic is Facebook. We are sure that this template would double your Google Adsense income because the ad placements are user-friendly. What are your thoughts about this Template? Feel free to leave your comment below. Have a Nice Day!

Apollo Blogger Template

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.