DemoDownload

Template name : Keilir

Platform: Blogger / Blogspot

Release date : August 2013

Author :  www.soratemplates.com

Designer :  BluthCompany

Template features : Blogging, Personal, Responsive, Dropdown Menu, Social Widget, Page Navigation.

License : Creative Commons Attribution 3.0

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:

•  <ul class='nav' id='menu-primary'>
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Theme Options</a></li>
   <li class='dropdown'><a href='#'>Pages</a>
    <ul class='dropdown-menu'>
     <li><a href='#'>Full Width</a></li>
     <li><a href='#'>Right Sidebar</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

DemoDownload

Template name : Aurana

Platform: Blogger / Blogspot

Release date : Aug 2013

Author :  www.soratemplates.com

Designer :  QuanticaLabs

Template features : Blogging, Portfolio, Corporate, Clean Design, 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 Featured Content Slider:

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

• <div id='slider'>
   <a href='#'><img src='../slider_img1.jpg'/></a>
   <img src='../slider_img2.jpg' title='#sliderText1'/>
   <img src='../slider_img3.jpg' title='#sliderText2'/>
  </div>
  </div>
   
  <div class='nivo-html-caption' id='sliderText1'>
   <div class='sliderCaption sliderCaptionVisual'>
   <h2 class='topNone'>Visual identity</h2>
   If you want promote your business... <a href='#'> more &#187;</a>
   </div>
  </div> 
   ..........

Replace:

• "#" with your featured post URL.
• "slider_img1.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='sf-menu'>
   <li class='current'><a expr:href='data:blog.homepageUrl'>Home</a></li>
   <li><a href='#'>Blog</a>
    <ul>
     <li><a href='#'>Blog Main</a></li>
     <li><a href='#'>Single Post</a></li>
   ..........

Replace "#" with your menu item URL.

Configure Social Widget:

search for:

• <ul class='footerSocial itemList'>
   <li class='footerSocialRSS'><a class='imageLink' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'/></li>
   <li class='footerSocialFacebook'><a class='imageLink' href='#'/></li>
   <li class='footerSocialTwitter'><a class='imageLink' href='#'/></li>
  </ul>

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

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

DemoDownload

Template name : Sight

Platform: Blogger / Blogspot

Release date : June 2013

Author :  www.soratemplates.com

Designer: presslayer

Template features : Blogging, Pinterest, Responsive, Clean, Featured Content Slider, Fixed Width, Dropdown Menu, Social 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='fullwidth flexslider' id='homeslider'>
   <ul class='slides'>
   <li data-height='500' style='position:relative; background: url(../image.jpg) 50% 0'>
   <div class='caption_wrapper'>
   <div class='caption'>
   <h3><a href='#'>In luctus luctus est vestibulum luctus</a></h3>
   Lorem ipsum dolor sit amet... <a href='#'>Read more </a>
   </div>
   </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:

• <div class='menu-navigation-container' id='top_menu'>
   <ul class='sf-menu' id='mainmenu'>
    <li class='current-menu-item'><a href='#'>Homepage</a></li>
    <li><a href='#'>Single</a>
    <ul class='sub-menu'>
     <li><a href='#'>Submenu Example</a></li>
     <li><a href='#'>Submenu Example</a></li>
   ..........

Replace "#" with your menu item URL.

Configure Social Widget:

search for:

• <div class='social_inner'>
   <a class='facebook' href='#' title='Facebook'/>
   <a class='twitter' href='#' title='Twitter'/>
   <a class='rss' href='#' title='RSS Feed'/>
   ..........

Replace "#" with your Social Account's URL.

How to change Author Section

search for:

• <div class='author_avatar'>

   <div class='small_thumb'>

   <img height='auto' src='../Avatar.jpg' width='100'/></div></div>
   <div class='author_wrapper'>
   <h4>About author: <a href='#'>Admin</a></h4>
   <p>Cress arugula peanut tigernut... </p></div>
  <div class='clear'/>
  </div>

DemoDownload

Template name : ModernBlog

Platform: Blogger / Blogspot

Release date : June 2013

Author :  www.soratemplates.com

Designer: vickystudio

Template features : Personal, Interior, Fixed Width, Dropdown Menu, Social Widget, Gray Background, Page Navigation Widget.

License : Creative Commons Attribution 3.0

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:

• <ul class='nav-menu' id='menu-main-menu'>       
   <li><a href='#'>Home</a></li>
   <li><a href='#'>Custom Color</a></li>
    <ul class='sub-menu'>
     <li><a href='#'>Interior</a></li>
     <li><a href='#'>Portfolio</a></li>
   ..........

Replace "#" with your menu item URL.

Configure Social Widget:

search for:

• <div class='share_item'>
   <a class='twitterIcon' href='#'>twitter</a> 
   <a class='facebookIcon' href='#'>facebook</a> 
   <a class='googleIcon' href='#'>google</a> 
   ..........
  </div>

Replace "#" with your Social Account's URL.

How to change Author Section

search for:

• <div class='author_post_name'>
   <h4>About &quot;<a href='#' rel='author'>Administrator</a>&quot;</h4>
   </div>
   <div class='author_post_pic'>
   <img class='avatar avatar-56 photo' height='56' src='/avatar.png' width='56'/></div>
   <div class='author_post_desc'>
   Lorem ipsum dolor sit ame..........

Configure Page Navigation Widget

search for:

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

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

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