Downtown Blogger Template





DemoDownload
Template name : Downtown

Platform: Blogger / Blogspot

Release date : Oct 2013

Author :  www.soratemplates.com

Template features : Magazine, Showcase, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, Page Navigation.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Timestamp Format:
Log in to Blogger Dashboard --> Settings --> Language and formatting


If you don't do this, it will display "UNDEFINED".

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><article class='wk-content clearfix'>
     <div class='slide_demo' style='background: url(../image1.jpg) 100% 0 no-repeat;'>
     <a href='#'><h2>Artists of the City</h2></a>
     <p>Meet passionate designers at ...</p>
     <p><em>Friday - Sunday from 10am - 8pm</em></p></div></article></li>
    ..........
Replace:
  • "#" with your featured post URL.
  • "image1.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 menu-dropdown'>
    <li><a class='level1' href='#'><span>Home</span></a></li>
    <li class='level1 parent'><a class='level1' href='#'><span>Features</span></a>
    <ul class='level2'>
    <li class='level2'><a class='level2' href='#'><span>Module Variations</span></a></li>
    ..........
Replace "#" with your menu item URL.

Configure Social Widget:
search for:
  • <ul class='social-mini'>
    <li class='rss'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'/></li>
    <li class='twitter'><a href='#'/></li>
    <li class='facebook'><a href='#'/></li>
    <li class='dribbble'><a href='#'/></li>
    <li class='forrst'><a href='#'/></li>
    <li class='flickr'><a href='#'/></li>
    <li class='yahoo'><a href='#'/></li>
    </ul>
Replace "#" with your Social Account's URL.

Configure Page Navigation Widget
search for:
  • var posts=5, // Number of posts in each page
    num=3, // Number of buttons will display

Boutique Blogger Template





DemoDownload
Template name : Boutique

Platform: Blogger / Blogspot

Release date : Sep 2013

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

Template features : Business, Shopping, Online Store, OpenCart, Clean Design, Featured Content Slider, Fixed Width, Dropdown Menu, Page Navigation Widget.

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='slide'>
    <div class='featured-image'>
    <a href='#'><img alt='Back To School Supplies' height='230' src='/product.png' width='380'/></a>
    <div class='featured-price'>
    <a class='add_cart et-shop-item' href='#'>Add To Cart</a>
    <a class='more_info' href='#'>More Info</a>
    <span class='price'>25</span>
    <span class='currency_sign'/>
    </div>
    </div>
    <div class='featured-description'>
    <h2 class='featured-title'><a href='#'>Back To School Supplies</a></h2>
    <p>Vivamus eget nulla id elit volutpat...</p>
    <a class='readmore' href='#'><span>More Info</span></a>
    </div>
    </div>
    ............
Replace:
  • "#" with your featured post URL.
  • "product.png" with your slider image.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='menu-content'>
    <div id='menu-shadow'/>
    <ul class='nav clearfix' id='secondary-menu'>
    <li><a href='#'>Backpacks</a></li>
    <li><a href='#'>Bathroom</a></li>
    <li><a href='#'>Accessories</a>
    <ul class='sub-menu'>
    <li><a href='#'>Bathroom</a></li>
    <li><a href='#'>Clothing</a></li>
    ...........
Replace "#" with your menu item URL.

Configure Page Navigation Widget
search for:
  • var posts=12, // Number of posts in each page
    num=2, // Number of buttons will display

How to add price to a product
Add this line before publishing new product (in HTML mode):
  • <span class="item-price">15</span>

How to change currency sign
Search for:
  • var currency="£";

Newline Blogger Template





DemoDownload
Template name : Newline

Platform: Blogger / Blogspot

Release date : Jul 2013

Author :  www.soratemplates.com

Template features : Blogging, Youtube, Corporate, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, Gray Background, Page Navigation.

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:
  • <ul id='slider'>
    <li>
    <a href='#'><img height='326' src='../slider1.jpg' width='890'/></a>
    </li>
    ..........
Replace:
  • "#" with your featured post URL.
  • "slider1.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:
  • <div id='menuwrap'>
    <div class='ddsmoothmenu' id='smoothmenu1'>
    <ul>
    <li><a href='#'>Home</a>
    <ul>
    <li><a href='#'>Nivo Slider</a></li>
    <li><a href='#'>Piecemaker 2 3D Slider</a></li>
    <li><a href='#'>Anything Slider</a></li>
    ..........
Replace "#" with your menu item URL.

Configure Social Widget:
search for:
  • <ul id='headersocial'>
    <li><a data-rel='fadeimg' href='#'><img src='../facebook.png' title='Facebook'/></a></li>
    <li><a data-rel='fadeimg' href='#'><img src='../twitter.png' title='Twitter'/></a></li>
    ..........
Replace "#" with your Social Account's URL.

Configure Page Navigation Widget
search for:
  • var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

Alyeska II Blogger Template





DemoDownload
Template name : Alyeska II

Platform: Blogger / Blogspot

Release date : May 2013

Author :  www.soratemplates.com

Designer :  themeblvd

Template features : Magazine, Fashion, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, Pink Background, Page Navigation Widget.

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='nivo_slider'>
    <a href='#'><img height='400' src='../slide.jpg' width='920'/></a>
    ..........
    </div>
Replace:
  • "#" with your featured post URL.
  • "slide.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-menu'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>Blog</a></li>
    <ul class='sub-menu'>
    <li><a href='#'>Full Width Page</a></li>
    <li><a href='#'>Sidebar Right</a></li>
    ..........
Replace "#" with your menu item URL.

Configure Page Navigation Widget:
search for:
  • var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

Alyeska Blogger Template





DemoDownload
Template name : Alyeska

Platform: Blogger / Blogspot

Release date : May 2013

Author :  www.soratemplates.com

Designer :  themeblvd

Template features : Portfolio, Fashion, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, Blue Background, Page Navigation Widget.

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:
  • <ul class='carrousel-slider'>
    <li class='slide'>
    <div class='slide-body'>
    <div class='grid-protection'>
    <a class='image-link enlarge' href='#'><span>Image Link</span></a>
    <img src='../slide.jpg'/>
    </div>
    </div>
    </li>
    ..........
Replace:
  • "#" with your featured post URL.
  • "slide.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-menu'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>Blog</a></li>
    <ul class='sub-menu'>
    <li><a href='#'>Full Width Page</a></li>
    <li><a href='#'>Sidebar Right</a></li>
    ..........
Replace "#" with your menu item URL.

Configure Page Navigation Widget:
search for:
  • var posts=8, // Number of posts in each page
    num=2, // Number of buttons will display

Sunrise Blogger Template





DemoDownload
Template name : Sunrise

Platform: Blogger / Blogspot

Release date : December 2012

Author :  www.soratemplates.com

Template features : Wordpress Look, 3 Columns, Right Sidebar, 3 Columns Footer, Music, Featured Content Slider, Fixed Width, Dark Background, Dropdown Menu.

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:
  • <li class='jcarousel-item-1 odd'> 
    <div class='views-field views-field-field-portfolio-image'>
    <div class='field-content'><a href='#'><img src='/image.jpg'/></a></div></div>
    <div class='views-field-title'>Aenean sodales dapibus.</div>
    <div class='clearfix'>
    <div class='button'><a href='#'>more</a></div>
    </div>
    </div>
    </div></span>
    </div>
    </li>
    ..........
Replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image URL.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul class='sf-menu' id='superfish-1'>
    <li><a href='#'>Events</a></li>
    <li><a href='#'>Artists</a></li>
    <li><a href='#'>About us</a></li>
    <li><a href='#'>Gallery</a>
    <ul>
    <li><a href='#'>Gallery 1 col</a></li>
    <li><a href='#'>Gallery 2 cols</a></li>
    ..........
Replace "#" with your menu item URL.

Wilderness Blogger Template





DemoDownload
Template name : Wilderness

Platform: Blogger / Blogspot

Release date : November 2012

Author :  www.soratemplates.com

Designer :  devilcantburn

Template features : Wordpress Look, 2 Columns, Right Sidebar, 3D Slider, Fixed Width, paper-wood background, Dropdown Menu, Page Navigation Widget.

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 id='slider_wrapper'>
    <div class='marg_0_0_20_0' id='sliderCss3d'>
    <img alt='Slider 1' data-transition='{&quot;effect&quot;: &quot;blindsVertical&quot;, &quot;slices&quot;: 6, &quot;animSpeed&quot;: 1400, &quot;delay&quot;: 100, &quot;delayDir&quot;: &quot;fromCentre&quot;, &quot;easing&quot;: &quot;easeInCubic&quot;, &quot;depthOffset&quot;: 800, &quot;sliceGap&quot;: 5}' src='/slider.jpg'/>
    ..........
Replace:
"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'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>Fullwidth page</a></li>
    <ul class='sub-menu'>
    <li><a href='#'>Buttons</a></li>
    <li><a href='#'>Google Map</a></li>
    ..........
Replace "#" with your menu item URL.

Configure Page Navigation Widget:
search for:
  • var posts=3, // Number of posts in each page
    num=2, // Number of buttons will display

How to change Author Section:
Find this:
  • <h4>About the author</h4>
    <div id='author-info'>
    <div id='author-image'>
    <a href='#'><img height='80' src='/avatar.png' width='80'/></a>
    </div>
    <div id='author-bio'>
    <h5>Admin</h5>
    Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus. Aenean fermentum, eget tincidunt.
    </div>

FitnessMag Blogger Template





DemoDownload
Template name : FitnessMag

Platform: Blogger / Blogspot

Release date : October 2012

Author :  www.soratemplates.com

Designer :  wpexplorer

Template features : Wordpress Look, 3 Columns, Right Sidebar, Magazine, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Dropdown Menu, Header Banner, Page Navigation Widget.

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='flexslider' id='slider'>
    <ul class='slides'>
    <li class='slide'><a href='#' target='_self'><img src='.../image.jpg'/></a>
    <div class='caption'>Awesome Blogging Theme! </div></li>
    ..........
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='menu-main'>
    <li><a href='#'>Category 1</a></li>
    <li><a href='#'>Category 2</a>
    <ul class='sub-menu'>
    <li><a href='#'>This is a dropdown</a></li>
    ..........
Replace "#" with your menu item URL.

Configure Social Widget:
Search for:
  • <h2>Follow Us</h2>
    <ul class='clearfix'>
    <li class='social-twitter'><a class='social-icon' href='#'><img src='.../twitter.png'/></a></li>
    <li class='social-facebook'><a class='social-icon' href='#'><img src='.../facebook.png'/></a></li>
    ..........
Replace "#" with your Social Account URL.

Configure Page Navigation Widget:
search for:
  • var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

How to change Author Section:
Find this:
  • <h3 class='heading-border'><span>Author</span></h3>
    <div id='author-image'>
    <a href='#'><img class='avatar' height='60' src='.../logo.png' width='60'/></a>
    </div>
    <div id='author-bio'>
    <h4>Written by <a href='#'>Admin</a></h4>
    <p>Aliquam molestie ligula vitae nunc...</p>
    </div>

Replay Blogger Template





DemoDownload
Template name : Replay

Platform: Blogger / Blogspot

Release date : October 2012

Author :  www.soratemplates.com

Designer :  themex

Template features : Wordpress Look, 2 Columns, Right Sidebar, Music, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Dropdown Menu, HTML5 Music Player, Page Navigation Widget.

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='ribbon-slide'>
    <ul>
    <li class='slide-400'><a href='#'>
    <img class='fullwidth' height='400' src='/image.jpg' width='400'/></a>
    </li>
    ..........
Replace"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-menu'>
    <li><a href='#'>News</a>
    <ul class='sub-menu'>
    <li><a href='#'>Ribbon Slider</a></li>
    <li><a href='#'>Fade Slider</a></li>
    ..........
Just replace "#" with your menu item URL.

Configure Social Widget:
Search for:
  • <a class='facebook' href='#' target='_blank' title='Facebook'/>    
    <a class='tumblr' href='#' target='_blank' title='Tumblr'/>
    <a class='twitter' href='#' target='_blank' title='Twitter'/>
Replace "#" with your Social Account URL.

Configure Page Navigation Widget:
search for:
  • var posts=5, // Number of posts in each page
    num=2, // Number of buttons will display

Configure Music Player:
search for:
  • <div class='playlist'>
    <a href='/song1.mp3'>Song Title 1</a>
    <a href='/song2.mp3'>Song Title 2</a>
    </div>
Replace song.mp3 and Song Title as you want.

Eclipse Blogger Template





DemoDownload
Template name : Eclipse

Platform: Blogger / Blogspot

Release date : Oct 2012

Author :  www.soratemplates.com

Designer :  devilcantburn

Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Featured Content Slider, Fixed Width, Social Widget, Dropdown Menu.

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='nivo_slider'>
    <a href='#'><img height='400' src='/image.jpg' width='920'/></a>
    ..........
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='main_menu' id='menu-menu-1'>
    <li><a href='#'><span class='gfont'>Home</span> <span class='subline'>&#8592; Back</span></a></li>
    <li><a href='#'><span>News</span><span class='subline'>Read Us!</span></a>
    <ul class='sub-menu'>
    <li><a href='#'>Attractive Design</a></li>
    <li><a href='#'>Inspirations</a></li>
    ..........
Replace "#" with your menu item URL.

Configure Social Widget:
Search for:
  • <div id='social_networks'>
    <ul>
    <li class='sorting-01 facebook'><a href='#'><span class='inv'>Facebook</span></a></li>
    <li class='sorting-03 twitter'><a href='#'><span class='inv'>twitter</span></a></li>
    <li class='sorting-02 googleplus'><a href='#'><span class='inv'>googleplus</span></a></li>
    ..........
Replace "#" with your Social Account URL.

Project 10 Blogger Template





DemoDownload
Template name : Project 10

Platform: Blogger / Blogspot

Release date : Sep 2012

Author :  www.soratemplates.com

Designer :  orange-themes

Template features : Wordpress Look, 3 Columns, 4 Columns Footer, Right Sidebar, Fashion, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Note: You must publish at least 5 posts and your blog must be in public mode, if not, you will be redirect to this site, we're really sorry for caused you this trouble.

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='layerslider' style='width: 748px; height: 300px;'>
    <div class='ls-layer' rel='slidedelay: 5000'>
    <img class='ls-bg' src='/image.jpg'/>
    ..........
Replace"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-top-menu'>
    <li><a href='#'><i style='font-family:Ropa Sans;'><span>Homepage</span></i></a></li>
    <li><a href='#'><i style='font-family:Ropa Sans;'><span>Blog</span></i></a></li>
    ..........
Just replace "#" with your menu item URL.

Configure Social Widget:
Search for:
  • <div class='left-social-icons'>
    <a class='social-facebook' href='#' target='_blank'><span/></a>
    <a class='social-twitter' href='#' target='_blank'><span/></a>
    ..........
Replace "#" with your Social Account URL.

Configure Page Navigation Widget:
search for:
  • var posts=3, // Number of posts in each page
    num=2, // Number of buttons will display

eSpecial





DemoDownload
Template name : eSpecial (Light Skin)

Platform: Blogger / Blogspot

Release date : Sep 2012

Author :  www.soratemplates.com

Designer :  temashdesignlab

Template features : Wordpress Look, 2 Columns, 3 Columns Footer, Left Sidebar, Portfolio, Business, Featured Content Slider, Fixed Width, Light Gray Background, Top Navigation Menu, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Instructions : eSpecial Blogger Template

ChromeGT





DemoDownload
Template name : ChromeGT (Red Skin)

Platform: Blogger / Blogspot

Release date : Sep 2012

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

Author :  www.soratemplates.com

Designer :  temashdesignlab

License : Creative Commons Attribution 3.0

Instructions : ChromeGT Blogger Template

TheStyle Blogger Template





DemoDownload
Template name : TheStyle

Platform: Blogger / Blogspot

Template features : Wordpress Look, Personal, Modern, Right Sidebar, Dark Background, Top Navigation Menu, Page Navigation Widget, Tabbed Widget.

Release date : Sep 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Note: you must publish at least 10 posts, or the template will not work properly.

Configure Post Date:
Log in to Blogger Dashboard --> Settings --> Format. Make sure the Timestamp Format and Language are all changed to the following:


If you don't do this, it will display "UNDEFINED".

Configure Page Navigation Widget:
search for:
  • var posts=7, // Number of posts in each page
    num=2, // Number of buttons will display

eSpecial Blogger Template





DemoDownload
Template name : eSpecial

Template features : Wordpress Look, 2 Columns, 3 Columns Footer, Left Sidebar, Portfolio, Business, Featured Content Slider, Fixed Width, Dark Background, Top Navigation Menu, Page Navigation Widget.

Release date : Sep 2012

Author :  www.soratemplates.com

Designer :  temashdesignlab

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Post Date:
Log in to Blogger Dashboard --> Settings --> Format. Make sure the Timestamp Format and Language are all changed to the following:


If you don't do this, it will display "UNDEFINED".

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul class='lof1-main-wapper'>
    <li><a href='#'><img src='/image.jpg'/></a>
    <div class='lof1-main-item-desc'>
    <div class='lof1-main-item-title'>
    <h2><a href='#'>Professional Business &amp; Portfolio Theme</a></h2></div>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    </div>
    </li>
    ..........
    <ul class='lof1-navigator'>
    <li><img src='/thumb.jpg'/>
    </li>
    ..........
Replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image.
  • "thumb.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='s-menu' id='menu-main-navigation'>
    <li><a href='#'>Home</a>
    <ul class='sub-menu'>
    <li><a href='#'>Home page layout 2</a></li>
    </ul>
    </li>
    <li><a href='#'>Sliders</a>
    ..........
Just replace "#" with your menu item URL.

Configure Page Navigation Widget:
search for:
  • var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

Insomnia Blogger Template





DemoDownload
Template name : Insomnia

Template features : Wordpress Look, 2 Columns, 3 Columns Footer, Right Sidebar, Personal, Featured Content Slider, Fixed Width, Dark Background, Top Navigation Menu, Social Sharing Widget.

Release date : Sep 2012

Author :  www.soratemplates.com

Designer :  designerthemes

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. Scroll down to where you see the codes below:
  • <li class='featured-post col g4'>
    <a class='dt-thumb' href='#'><img class='dt-post-image thumbnail' height='225' src='/image.jpg' width='300'/></a>
    <div class='post-info'>
    <h2 class='entry-title'><a href='#'>Under Lights in Astoria</a></h2>
    </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='fadein drop' id='menu-main-nav'>
    <li><a href='#'>Blog</a>
    <ul class='sub-menu'>
    <li><a href='#'>Entertainment</a></li>
    <li><a href='#'>Politics</a></li>
    ..........
Replace "#" with your menu item URL.

Leatherbound Blogger Template





DemoDownload
Template name : Leatherbound

Template features : Wordpress Look, 2 Columns, Right Sidebar, Elegant, Personal, Fixed Width, Wood Background, Dropdown Menu.

Release date : August 2012

Author :  www.soratemplates.com

Designer :  4template

Basic Instructions : How to install a Blogger Template

Configure Post Date:
Log in to Blogger Dashboard --> Settings --> Format, change this:


If you don't do this, it will display "UNDEFINED".

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul id='dropmenu'>
    <li class='first current_page_item'><a href='#'>Home</a></li>
    <li><a href='#'>Photo Galleries</a>
    <ul class='children'>
    <li><a href='#'>Nature</a>
    <ul class='children'>
    <li><a href='#'>Clouds</a></li>
    <li><a href='#'>Water</a></li>
    ..........
Now replace "#" with your menu item URL.

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 :  temashdesignlab

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

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

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>