Quantcast
Channel: High Quality Free Blogger Templates
Viewing all 426 articles
Browse latest View live
↧

VideoBox Blogger Template

November 24, 2012, 5:27 am
$
0
0




DemoDownload
Template name : VideoBox

Platform: Blogger / Blogspot

Release date : November 2012

Author :  www.soratemplates.com

Template features : Wordpress Look, 4 Columns, Right Sidebar, 4 Columns Footer, Portfolio, Featured Video Slider, Fixed Width, Wood Background, Dropdown Menu, Header Banner, Page Navigation Widget.

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:
  • <ul class='slides'>
    <li class='item'>
    <p><iframe frameborder='0' height='315' src='http://www.youtube.com/embed/Ok2VamxrYAY' width='560'/></p>
    </li>
     ..........
    <ul class='thumbs pagination'>
    <li><span class='youtube-temp'/>
    <span class='hover-bg'/>
    <a class='title' href='#' rel='0'>Lorem ipsum dolor sit amet</a>
    <a class='link' href='#'/>
    </li>
     ..........
Replace:
  • "#" with your featured video URL.
  • "http://www.youtube.com/embed/Ok2VamxrYAY" with your youtube video URL.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <nav class='primary'>
    <ul class='sf-menu' id='topnav'>
    <li><a href='#'><span class='right'>Home</span></a></li>
    <li><a href='#'><span class='right'>Portfolio</span></a>
    <ul class='sub-menu'>
    <li><a href='#'><span class='right'>Portfolio 1 col</span></a></li>
     ..........
Replace "#" with your menu item URL.

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

Sunrise Blogger Template

December 8, 2012, 6:29 pm
$
0
0




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.

↧
↧

Christmas Gifts Blogger Template

December 25, 2012, 3:09 am
$
0
0




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.

↧

GameMix Blogger Template

January 9, 2013, 3:22 am
$
0
0




DemoDownload
Template name : GameMix

Platform: Blogger / Blogspot

Release date : January 2013

Author :  www.soratemplates.com

Template features : 2 Columns, Right Sidebar, Games, Magazine, Featured Content Slider, Fixed Width, Dark 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='nivoSlider' id='slider'>
    <a href='#'><img src='../slide.jpg' title='#sliderCaption1'/></a>
     ..........
    <div class='nivo-html-caption' id='sliderCaption1'>
    <h2>Excepteur sint occa- ecat cupidatat</h2>
    Excepteur sint occaecat cupid...
    <a class='arrow' href='#'/></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='sf-menu'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>About</a>
    <ul class='sub-menu'>
    <li><a href='#'>Testimonials</a></li>
    <li><a href='#'>Archives</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

↧

WebDesign Blogger Template

January 27, 2013, 5:55 am
$
0
0




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

↧
↧

MusiMag Blogger Template

February 28, 2013, 7:53 am
$
0
0




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

↧

MusiMag

March 20, 2013, 8:43 am
$
0
0




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

↧

Jarid Blogger Template

March 29, 2013, 5:51 am
$
0
0




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

↧
Search

Rocket Blogger Template

April 21, 2013, 6:33 am
$
0
0




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

↧
↧

Alyeska Blogger Template

May 9, 2013, 7:23 am
$
0
0




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

↧

Alyeska II Blogger Template

May 25, 2013, 11:49 pm
$
0
0




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

↧

ModernBlog Blogger Template

June 10, 2013, 8:36 pm
$
0
0




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

↧

Sight Blogger Template

June 24, 2013, 8:16 am
$
0
0




DemoDownload
Template name : Sight

Platform: Blogger / Blogspot

Release date : June 2013

Author :  www.soratemplates.com

Designer: www.presslayer.com

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>

↧
↧

Newline Blogger Template

July 20, 2013, 7:41 pm
$
0
0




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

↧

Aurana Blogger Template

August 8, 2013, 8:13 am
$
0
0




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

↧
Search

Keilir Blogger Template

August 23, 2013, 9:10 am
$
0
0




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

↧

Boutique Blogger Template

September 12, 2013, 4:57 am
$
0
0




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="£";
↧
↧

Downtown Blogger Template

September 30, 2013, 7:52 am
$
0
0




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

↧

Rocket Blogger Template

November 6, 2013, 7:11 am
$
0
0




DemoDownload
Template name : Rocket - Responsive version

Platform: Blogger / Blogspot

Release date : November 2013

Author :  www.soratemplates.com

Designer :  kopasoft

Template features : 3 Columns, Magazine, Responsive, 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

↧

Post

December 10, 2013, 5:13 am
$
0
0

DemoScroll Down to Download
Template Name: Post

Release Date: December 2013

Author: Sora Templates

Basic Instructions :How to install a Blogger Template
Features: Wordpress Look, Minimalistic, Pinterest Style, Right Sidebar, 2 Columns, Elegant, Featured Content Slider, Fixed width,

Free VersionFull Version


↧
Viewing all 426 articles
Browse latest View live
Search