ChromeGT Blogger Template

DemoDownload

Template name : ChromeGT

Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Modern, Featured Content Slider, Fixed Width, Black Background, Top Navigation Menu, Page Navigation Widget.

Release date : August 2012

Author :  www.soratemplates.com

Designer :  www.temashdesignlab.com

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <div class='nivoSlider' id='slide'>
   <a href='#'><img src='/image.jpg' title='Modern Futuristic Unique Design'/></a>
   ..........

Now replace:

• "#" with your featured post URL.
• "image.jpg" with your slider image

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='menu' id='menu-main-navigation'>
   <li><a class='parent' href='#'><span>Home</span></a>
   <div><ul>
    <li><a href='#'><span>Left Sidebar Homepage</span></a></li>
    <li><a href='#'><span>Homepage Layout 2</span></a></li>
   ..........

Just replace "#" with your menu item URL.

Configure Social Widget:

search for:

• <div id='social'>
   <a class='tt_top' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' id='rss' title='RSS'/>
   <a class='tt_top' href='#' id='googleplus' title='Google+'/>
   <a class='tt_top' href='#' id='twitter' title='Twitter'/>
   <a class='tt_top' href='#' id='facebook' title='Facebook'/>
  </div>

Replace "#" with your Social Account URL.

How to change Author Information:

Find this:

• <div class='post-author-title'>
   <h2>About the Author</h2>
  </div>
  <div class='post-author-content'>
   <div class='border-img leftside avatar-box'><img class='avatar avatar-60 photo' height='60' src='/gravatar.jpeg' width='60'/>
   </div>
   <h3>Written by Admin</h3>
   <p>ChromeGT is a modern, powerful...</p>
   ..........

Configure Page Navigation Widget:

search for:

• var posts=3, // Number of posts in each page
      num=2, // Number of buttons will display

Confidence Blogger Template

DemoDownload

Template name : Confidence

Template features : Wordpress Look, 3 Columns, 4 Columns Footer, Right Sidebar, Magazine, Header Banner, Featured Content Slider, Fixed Width, Clean Design, Gray Background, Top Navigation Menu, Page Navigation Widget.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  Rifki / www.my-themes.com

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='slides'>
   <li><img class='attachment-590x339' height='339' src='/image.jpg' width='590'/>
   <div class='flex-caption'>
   <h1><a href='#'>Convallis consequat</a></h1>
   <p>Lorem ipsum integer tincidunt quisque...</p>
   </div>
   </li>
   ..........

Now replace:

• "#" with your featured post URL.
• "image.jpg" with your slider image

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='sfmenu' id='sfmenu'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Categories</a>
    <ul class='sub-menu'>
     <li><a href='#'>Entertainment</a></li>
     <li><a href='#'>Lifestyle</a></li>
   ..........

Just replace "#" with your menu item URL.

How To Change Header Banner:

find this:

• <div class='banner-ad'>
   <a href='#'><img height='60' src='/banner.jpg' width='468'/></a>
  </div>

Now replace:

• "#" with your banner URL.
• "banner.jpg" with your banner image.

Configure Social Widget:

search for:

• <ul class='clearfix' id='social-link'>
   <li><a class='dribbble' href='#'>dribbble</a></li>
   <li><a class='twitter' href='#'>twitter</a></li>
   <li><a class='facebook' href='#'>facebook</a></li>
   ..........

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

• var posts=6, // Number of posts in each page
      num=2, // Number of buttons will display

Float Blogger Template

DemoDownload

Template name : Float

Template features : 2 Columns, Right Sidebar, Personal, Fixed Width, Black Background, Top Navigation Menu, Social Widget.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  bobosh.com

Basic Instructions : How to install a Blogger Template

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <nav class='menu-menu-container'>
  <ul class='menu' id='menu-menu'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Styling</a></li>
   <li><a href='#'>Drop-down</a>
   <ul class='sub-menu'>
    <li><a href='#'>News</a></li>
    <li><a href='#'>Video</a></li>
   ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Look for:

• <h2 class='widget-title'>Social Widget</h2>
  <ul>
   <li><a href='#' id='dribbble'>Dribbble</a></li>
   <li><a href='#' id='facebook'>Facebook</a></li>
   <li><a href='#' id='flickr'>Flickr</a></li>
   <li><a href='#' id='twitter'>Twitter</a></li>
   ..........

Replace "#" with your Social Account URL.

How to change Author Information:

Find this:

• <img class='avatar avatar-56 photo' height='56' src='/author.png' width='56'/>
  <h3>About the author</h3>
  <p>Donec non enim in turpis...</p>
  </div>

Gallery Blue Template

Gallery Blue is a free Gallery blogger template with 3 columns, right sidebar, Stylish Background, space for ads, Social bookmarking features, Attractive Search Box, Stylish Top Navigation with Drop Down feature, Top (728x90) and Sidebar Ads (300x250), Facebook like option below Every Post, Stylish Comments option, Gallery Showcase,Auto Thumbnail Feature.

 

 

Configure Navigation Menu

Login to your blogger dashboard > Design > Edit HTML and Search for :

<li><a href='/'>Parent Category 1</a>
<ul>
<li class='cat-item'><a href='#' title='Category1'>Category1</a></li>
<li class='cat-item'><a href='#' title='Category2'>Category2</a></li>
<li class='cat-item'><a href='#' title='Category3'>Category3</a></li>
<li class='cat-item'><a href='#' title='Category4'>Category4</a></li>
<li class='cat-item'><a href='#' title='Category5'>Category5</a></li>
</ul>
</li>

Configure Social  Icons :

Login to Blogger Dashboard > Design > Edit HTMlL and Search for the Following code

<div id='subscribes'>
<a href='http://www.twitter.com/wptoblogger'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_j799kKNV6Sz-Y10pT01i09eAkzgJNHfgIoyh5Kx3Ka5uGapJgwNYFFLOf99eIF1X5jlor4D4jmKSNnVD4luTJvf3H9MlSQMQLAD4M9c6np4j8Ob-wpYrz2PVh2lAsIEhHZgMmJpWbZU/s1600/twitter.png'/></a>
<a href='http://www.facebook.com/pages/Wptoblogger/191356330883838'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhExrEjMr0xxIvU22ie-birbeZNxlLuTIkKu2zegXy9eCra3nNmVrlkz_cab5viCcw2xMlWb6DiSZoPKv9M3JKV45ndoDx7JLOgp2G5eMN6e3vPdaeAXVlnVzmz56YIecFMKYfgX8hDtmo/s1600/facebook.png'/></a>
<a href='http://plus.google.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAsfbBIOzFps-u5NKEI51PNBeiuVJPQ7WGZg8pZ2pqcWVVnY6k2A3e5Uvxjs6cWKLTOjRkVR2jiaAvCnNKjDeM8O5_tQVyXfQdkISM0MCHw8f27dec6CIUdk2dmKZK1fsdgezn0UW_CUI/s1600/Google+%252B1+copy.png'/></a>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_mFb1VaTVZgQF_M14bXZUWEfz8gEXQMEvE1dVop-bjd9IuIxOjrWyHwkPFJBTgGCwQIrthkhBnx-NOPDB9FAVUANhAwRm0I_JKX0CAvgJPj0aOzmd1DDiRH9ANx6U2v-CT0hmK61oiZw/s1600/Subscribe.png'/></a>
</div>

Media Online

Media Online is a free blogger template with 2 columns, right sidebar, magazine-styled, minimalist, exclusive design for Blogger, space for ads, footer columns, slideshow, social icons, neutral colors, posts thumbnails, tabs and drop down menu.

Buzz ( Blue Skin )

Buzz is a blogger template with only blogging in mind, perfect for quick and easy blogging with a clean and modern interface. The layout does not distract from your content, which is vital for a site devoted to blogging. This template like a template twitter, i think lol . hehe

Features: 2 columns, right sidebar, drop down menu, related posts.

 

Buzz (Purple Skin)

Template Name : Buzz Blogger Template

Descriptions : Free Buzz Blogger Template is a simple look blogger template. adapted from wordpress theme to blogger template. perfect for quick and easy blogging with a clean and modern interface this is purple skin of Buzz Blogger Template. it have 2 columns, 1 right side bar, dark background, nice jquery top nav menu with more futures available blogger template. This template like a twitter. i think lol .

Properties : Wordpress Look, 2 Column, 1 Right Sidebar, Top Navigation Bar, Simple, Gray, White, Purple, Black, Personal

eGallery Blogger Template

eGallery Blogger Template is premium gallery categories blogger templates for gallery blog with elegant black color with combination wooden design for main background and eGallery is a blogger template made to transform your blog into a fully functional online gallery. This template has been created with simplicity in mind, and is designed to emphasize the artwork you choose to showcase. Features: unique gallery display, 2 columns, right sidebar, widgets ready. and very recommended blogger templates for gallery sites. 

SuvSite Blogger Template

SuvSite Blogger Template

  

Theme Name  : SuvSite blogger template

Description     : SuvSite is a free blogger template with 3 columns, right and Left sidebar, Stylish Background, space for ads, Social bookmarking features, and much more..

Download SuvSite for free in Wordpresstoblogger.info

Author :  Btheme

Minimalist or Simple Blogger Template

Minimalist or Simple Blogger Template

For this post I want to share a template editing and design my own results, there are still many shortcomings, because it's the template I made just to taste it.

 

  

Some characteristics of this template:

• Created using the HTML5
• Mostly using CSS3
• 2 Coloum Blogger template
• User Friendly
• I've made to reduce weight minimalist blog
• Random Sidebar
• Dynamic Heading 

 

Milk Blue Blogger Template

Milk Blue Blogger Template

This time I will share a template for blogger.

For that I created this template as usual is not far away from the blue color.
Here are some specifications of this template:

• Blue color with silver color variations
• 3 columns on homepage 2 columns at the time the article page
• Header for Gadget Ads 728x90 px.
• Sidebar gadget for advertising both 350x250px.
• Advertising column under the articles 350x250 px.
• Related posts, like facebook Button Ready
• Blog pager with the title of the article

  
 

To advertising can be found by replacing the ad script sample image with the image link:
Design -> Edit Html -> Expand Widget Templates

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipgNpVsae2Fh1i8YXyTwoJHeQqlmmLwvako2toRuJNzVukg9-olQVHE9czG3pNR83NTh04lR_T6UAIo4N7oHoyhyphenhyphenZIQ7eUpwD9OdIcLtnp2SiFLfzerbQw8-Y3j6LUu8j3MFFrVQ6i1V6S/s1600/ads.jpg

Collective Blogger Template

DemoDownload

Template name : Collective

Template features : Wordpress Look, 3 Columns, Right Sidebar, 3 Columns Footer, Magazine, Clean Design, Featured Content Slider, Fixed Width, Gray Background, Top Navigation Menu, Email Subscription Form.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  stoodeo.com

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <div id='slideshow'>
  <div class='slide'>
   <div class='post-img-large fl'>
   <a href='#'><img class='attachment-large' height='200' src='/image.jpg' width='570'/></a></div>
   <h2 class='post-title fl'>
  <a href='#'>Creative Digital Illustration</a></h2>
   <div class='clear'/>
  </div> 
   ..........
   <div class='tabs'>
   <a><img class='attachment-tiny' height='32' src='/thumb.jpg' width='82'/>
  <span>Creative Digital Illustration</span></a>
   ..........

Now replace:

• "#"with your featured post URL.
• "image.jpg" with your slider image.
• "thumbnail.jpg" with your thumbnail image.

Configure Dropdown Menu:

Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:

• <ul class='menu' id='menu-main-menu'>
   <li><a href='#'>Category One<span>Category Description</span></a></li>
   <li><a href='#'>Category Two<span>Category Description</span></a>
    <ul class='sub-menu'>
     <li><a href='#'>Sub Category One</a></li>
   ..........

Just replace "#" with your menu item URL.

How to change Recent Posts and Recent Comments Widget:

Look for:

• var rcp_numposts = 3; // Number of Posts will display
   ..........
  nc=3; // Number of comments will display