Switch
  • ModernBlog Blogger Template





    DemoDownload
    Template name : ModernBlog

    Platform: Blogger / Blogspot

    Release date : June 2013

    Author :  www.soratemplates.com

    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

    View Details

  • Alyeska II Blogger Template





    DemoDownload
    Template name : Alyeska II

    Platform: Blogger / Blogspot

    Release date : May 2013

    Author :  www.soratemplates.com

    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

    View Details

  • Alyeska Blogger Template





    DemoDownload
    Template name : Alyeska

    Platform: Blogger / Blogspot

    Release date : May 2013

    Author :  www.soratemplates.com

    Designer: www.jasonbobich.com

    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

    View Details

  • Rocket Blogger Template





    DemoDownload
    Template name : Rocket

    Platform: Blogger / Blogspot

    Release date : April 2013

    Author :  www.soratemplates.com

    Designer: kopatheme.com

    Template features : 3 Columns, Magazine, Featured Content Slider, 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 Featured Content Slider:
    Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
    • <div class='flexslider' id='home-slider'>
       <ul class='slides'>
       <li>
       <article>
       <div class='kp-view'>
       <img src='../slide-1.jpg'/>
       <a class='kp-mask' href='#'/>
       </div> 
       <div class='flex-caption'>
       <h1><a href='#'>Eight Important Factors of ...</a></h1>
       </div> 
       </article>
       </li>
       ..........
    Replace:
    • "#" with your featured post URL.
    • "slide-1.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 id='main-menu'>
       <li class='current-menu-item'><a href='#'>Home</a></li>
       <li><a href='#'>Features</a>
        <ul>
         <li><a href='#'>Categories page</a></li>
         <li><a href='#'>Single page</a></li>
       ..........
    Replace "#" with your menu item URL.

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

    View Details

  • Jarid Blogger Template





    DemoDownload
    Template name : Jarid

    Platform: Blogger / Blogspot

    Release date : March 2013

    Author :  www.soratemplates.com

    Designer: http://www.tielabs.com

    Template features : 3 Columns, Magazine, Featured Content Slider, Fixed Width, Dropdown Menu, Social Widget, 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'>
      <ul class='slides'>
       <li><a href='#'><img class='attachment-660x330' height='330' src='../image.jpg' width='620'/></a>
       <div class='slider-caption'>
       <h2><a href='#'>Maecenas mattis, tortor ut posuere aliquam</a></h2>
       <p>iam wisi quam lorem vestibulum...</p>
       </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='main-menu'>
       <ul class='menu' id='menu-main'>
       <li><a href='#'>Home</a></li>
       <li><a href='#'>Post Head Modes</a>
        <ul class='sub-menu'>
         <li><a href='#'>Post With Featured Image</a></li>
         <li><a href='#'>Post With Slider</a></li>
       ..........
    Replace "#" with your menu item URL.

    How To Change Header Banner:
    find this:
    • <div class='ads-top'>    
       <a href='#' target='_blank'><img src='../banner728.gif'/></a>   
      </div>
    Now replace:
    • "#" with your banner URL.
    • "banner728.gif" with your banner image.
    Configure Page Navigation Widget:
    search for:
    • var posts=3, // Number of posts in each page
          num=2, // Number of buttons will display

    View Details

  • MusiMag





    DemoDownload
    Template name : MusiMag (Green Skin)

    Platform: Blogger / Blogspot

    Release date : March 2013

    Author :  www.soratemplates.com

    Template features : 2 Columns, Right Sidebar, Music, Magazine, Featured Content Slider, Fixed Width, Green 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 class='featured_banner'/>
       <div id='slider'>
       <div class='jFlowPrev'><img alt='' height='194' src='images/previous.png' width='35'/></div> 
       <div id='slider_img'>
       <a href='#'><span>The best interview is here</span><img height='360' src='../image.jpg' width='900'/></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:
    • <div id='navigation'>
       <ul>
       <li><a href='#'>Interview<span>Meet your artists</span></a></li>
       <li><a href='#'>Videos<span>Watch Stereolite TV</span></a>
        <ul class='sub_menu'>
         <li><a href='#'><span>Concerts (2)</span></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

    View Details

  • MusiMag Blogger Template





    DemoDownload
    Template name : MusiMag

    Platform: Blogger / Blogspot

    Release date : February 2013

    Author :  www.soratemplates.com

    Template features : 2 Columns, Right Sidebar, Music, Magazine, Featured Content Slider, Fixed Width, Blue 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 class='featured_banner'/>
       <div id='slider'>
       <div class='jFlowPrev'><img alt='' height='194' src='images/previous.png' width='35'/></div> 
       <div id='slider_img'>
       <a href='#'><span>The best interview is here</span><img height='360' src='../image.jpg' width='900'/></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:
    • <div id='navigation'>
       <ul>
       <li><a href='#'>Interview<span>Meet your artists</span></a></li>
       <li><a href='#'>Videos<span>Watch Stereolite TV</span></a>
        <ul class='sub_menu'>
         <li><a href='#'><span>Concerts (2)</span></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

    View Details

  • WebDesign Blogger Template





    DemoDownload
    Template name : WebDesign

    Platform: Blogger / Blogspot

    Release date : January 2013

    Author :  www.soratemplates.com

    Template features : 2 Columns, Right Sidebar, Website Design, Featured Content Slider, Fixed Width, Dark Green 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='slider'>
       <img src='../slider-1.jpg' 
       ..........
       <div class='nivo-html-caption' id='sliderCaption1'>
       <div class='title'><a href='#'>Consectetur</a></div>
       Lorem ipsum dolor sit amet...</div>
       ..........
    Replace:
    • "#" with your featured post URL.
    • "slide-1.jpg" with your slider image.

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

    View Details

  • Christmas Gifts Blogger Template





    DemoDownload
    Template name : Christmas Gifts

    Platform: Blogger / Blogspot

    Release date : December 2012

    Author :  www.soratemplates.com

    Template features : 2 Columns, Right Sidebar, Christmas, Portfolio, Featured Video Slider, Fixed Width, Dark Background.

    License : Creative Commons Attribution 3.0

    Basic Instructions : How to install a Blogger Template

    Configure Featured Video Slider:
    Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
    • <li>
      <div class='boxgrid captionfull'>
      <a href='#'><img height='269' src='../slider1.jpg' width='296'/></a>
      <div class='cover boxcaption' style=' top:269px; cursor: pointer;'>
      <h3 class='entry-title'>christmas decoration #1</h3>
      <div class='entry-content'><p>$57</p></div>
      <a class='more' href='#'>read more</a></div>
      </div>
      </li>
       ..........
    Replace:
    • "#" with your featured post URL.
    • "slide,jpg" with your slider image URL.

    View Details