Kamis, 28 Februari 2013

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.

Minggu, 17 Februari 2013

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.

http://3.bp.blogspot.com/-NWHesMwa_Vw/UR_m3llNhbI/AAAAAAAAOjc/FrtuCoP8K9E/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.

Minggu, 10 Februari 2013

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.

Minggu, 03 Februari 2013

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='http://2.bp.blogspot.com/-Ev089lX9Sng/UQ5A9JuMSAI/AAAAAAAANEs/p-6tSApLonU/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