Videoism Blogger Template

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

Download Preview


Videoism is a professional video hosting blogger template designed for video site and video blog portal. This template would help everyone in setting up a professional video site rather quickly. It is somewhat inspired from popular video hosting websites like YouTube, Vimeo, Dailymotion and etc. No modest to say that this is the most powerful and robust Video Blogger template ever. It has significant features that would surely make your visitors feel great. It is extremely light weight and has quite impressive features too.

Videoism Blogger Template

Features of Videoism Blogger Template:

  1. Video Hosting: This template allows you to host video clips from YouTube, Dailymotion, Metacafe and etc. You just need to paste the embed code, and it would automatically fetch thumbnails. It means there is no need to add images manually the way we do with normal blog templates.

  2. Video Views Counter: Like every other video hosting site, we have added views counter which would appear just beneath the videos. It works on pageviews so, whenever someone would reload the page it would increase the number of views in the counter.

  3. SEO Friendly: We have used some new techniques while optimizing this theme for Search engine optimization. It is pre-optimized for on-page SEO Including heading tags, Meta tags, Keywords and in-depth optimizing things.

  4. Static Homepage: The Home page of this theme is static. Thus, the featured post thumbnails and few more gadgets would only appear on the homepage so it may not reduce the user-friendly experience of your visitors.
More Features: Magazine Style, white color scheme, threaded commenting system, 3 column template, 2 column sidebar and much more.

How to Add Videos?

If you would use the old Video Embed code, it may not show the thumbnails. Therefore, make sure you use the following technique to embed your videos.  Go to Blogger >> Add a new Post >> Html Tab >> Paste the code there and replace the Video URL.
<iframe width="662" height="320" src="http://www.youtube.com/embed/Bf38HiYPMiI" frameborder="0" allowfullscreen></iframe>

How to Customize Feature Label Area:

The first thing you need to do is to go to Blogger.com >> Your site >> Layout >> Add a Gadget >> Add HTML/JavaScript and paste the following code in the HTML Text box.
<script style='text/javascript'>
var numposts = 6;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = true;
var showpostsummary = true;
var numchars = 75;
</script>
<script src='/feeds/posts/summary/-/Feature?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
Now either replace "Feature" from the following coding to a keyword that you want to use as a Label so show up posts in this featured area. On second thoughts, you can tag your posts with "Feature" label and those posts would start appearing.

From the Designers Desk:
We hope this template would help you in setting up your very own video hosting site cheaply at Blogger. The speed and the performance it is quite brilliant and the plus point is that it is cross browser supported. Let us know what are your thoughts about this template in the comments below?

WebDepot Blogger Template

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

Download Preview


The WebDepot Blogger Template is a combination of different color schemes which makes it look unique. This theme is ideal for Designing, web developing, and Magazine based website especially for those who stress more towards designing niche. Unlike our other themes, this has a lot of matchless features including some CSS3 inclusion and other significant functions. When you talk about pure designing, this template is almost invisible because we have used a lot of features for the first time. It has clean and sleek design and has a lot of gutsy utilities.

WebDepot Blogger Template

Features of WebDepot Blogger Template:

  1. Colorful Sidebar Title: Unlike other blogger templates, we have first time use a new technique to display colorful sidebar titles along with a smallish icon. For example, for Facebook Widget, we have used Dark blue sidebar title along with a small Icon “F” Logo representing Facebook.

  2. Eye-Catching Social Counter Buttons: At the bottom of each post, you can see social count buttons arranged in such a way that it could bring an eye-catching spark in your visitors. We have added Facebook, Twitter and Google+ social counter buttons.

  3. SEO Friendly: Like our most of the theme, this is also SEO Friendly. It is pre-optimized for on-page SEO. Including heading tags, Meta tags, Keywords and in-depth optimizing things. More importantly, the speed of this it significantly faster than the majority of other heavy-duty templates. 

  4. 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.
More Features: Drop Down Menu, 4 column footers, multi-color scheme, threaded commenting system, 2 column templates, and much more.

From the Designer's Desk:

We hope this theme has helped you in renovating your blog with awesomeness. Let us know what you think about this multi-color theme? Suggests and bugs would be more than welcomed. On a second note, take a few moments to sign up for our newsletter to keep on enjoying our latest theme release. Use the Subscription widget located in the sidebar, just round the corner!

Folio360 Blogger Template

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

Download Preview


Folio360 Blogger Template is a “Heavy Duty” theme designed for Designers who loves to show off their portfolio. It is truly a powerful, highly flexible and customizable theme which will indeed help you to grow. This theme is perfect for Wallpaper and pictorial based websites. It has lots of striking and incredible features which would impress you and your visitors too.  It has clean and sleek design which is considered as the basic need of a portfolio template.

Folio360 Blogger Template

Features of Folio360 Blogger Template:

  1. Portfolio Design: This theme is solely made for Wallpapers, portfolio and picture based websites. The design is extremely creative and flexible. In other words, you can say that it is a perfect combination of portfolio and a blog. 

  2. Sleek Sidebar: In this theme, we have added a sleek and cute sidebar. Though, most of the portfolio themes do not have sidebars, but that’s why we are unique and trend setter. We have just added a sleek sidebar to just give some space for advertisements and other information.

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

  4. 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.
More Features: SEO Friendly, 4 column footer, orange color scheme, threaded commenting system, 2 column template,   and much more.

From the Designer's Desk:

We hope this portfolio theme would help you in renovating your site with Awesomeness. The speed of this theme is extremely fast and takes just seconds to load. Let us know what you think about this robust portfolio theme? If you face any bug or error feel free to comment below. 

Metro Classic Responsive Blogger Template

Metro Classic Responsive Blogger Template
Template Name: Metro Classic
Platform: Blogger / Blogspot
Release date : 10, May 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Preview


Metro Classic is an enhanced version of our previous Metro UI Blogger Template. Metro Classic is an old-school Windows 8 style Responsive Blogger template that is jam-packed with some tremendous features. This theme is ideal for blogging niche like technology, gadgets, reviews, news, personal, etc. it is also compatible with almost all leading browsers like Chrome, Firefox and internet explorer. The color scheme of this template is also adorable and eye-friendly. On the top of that, you get this template for absolutely free.

Metro Classic Responsive Blogger Template

Features of Metro Classic Blogger Template:

  1. Windows 8 Look: As we have said before, we have tried to make this theme much a like Microsoft’s Windows 8. The interface of the blog is not a replica but its outlook is like windows 8. To sum up, we have tried to give it a slight touch of a blog with a combination of metro style. 

  2. Left Full Height Sidebar: Unlike other themes, we have added a full-height sidebar. It does not break and keeps on continuing till you reach the end of the web page. This sidebar gives your site a stunning touch. 

  3. Responsive Theme: This theme is highly responsive and works absolute perfectly on monitors, LCDs of different dimension. You can reduce the size of your browse and can see the responsiveness yourself. 

  4. SEO-Friendly: This template is highly optimized for on-page SEO. We have used different heading tags for posts so that you can maximize the opportunity of getting your content on the top of the Search engine ranking. 

  5. Featured Area: We have also incorporated a featured area on the homepage, which would help you to display some of the prominent hits. However, it is not automatic you have to customize it yourself.
More Features: Magazine Style, greenish color scheme, threaded commenting system,  2 column template and much more

From the Design's Desk:
We hope this template would help you to get maximum out of your hard-work and inputs that you are putting in your content. Please do let us know about any improvement, or bug that you may have faced. We have tested it for almost a week, so we have it would not catch any bugs. What are your thoughts? Do let us know by commenting below.

Creative Gallery Blogger Template

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.

Creative Gallery Blogger Template

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.

Twitter Blogger Template

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.

Twitter Blogger Template

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.

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.

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. 

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.