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.

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. 

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

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.