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

Read More

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

Read More

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

Read More

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.

Read More

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>

Read More

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

Widescreen monitors are perfect in displaying web images.

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>

Read More

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.

Read More

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.

Read More

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

Read More

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

Read More

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

Read More

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

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

Read More

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

Read More

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

An impressive blogger template which uses an advanced Auto CAD software used along a creative 3d software will provide more blog customization options.

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.

Read More

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.

Read More

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

Read More

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

Read More

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>

Read More

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

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

Read More

Unite

Dark Skin of Unite Blogger Template



DemoDownload

Author: soratemplates
Designer: Parallelus

Read More