Tampilkan postingan dengan label Wordpress Look. Tampilkan semua postingan





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





DemoDownload
Template name : Alyeska

Platform: Blogger / Blogspot

Release date : May 2013

Author :  www.soratemplates.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



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.

Author :  www.soratemplates.com

Designer :  www.temashdesignlab.com

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



Template name : Project 10

Author :  www.soratemplates.com

Designer :  www.orange-themes.com

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

Note: You must publish at least 5 posts and your blog must be in public mode (everyone can see it), 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



Template name : Eclipse

Author :  www.soratemplates.com

Designer :  www.devilcantburn.com

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

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.



Template name : Replay

Author :  www.soratemplates.com

Designer :  www.themextemplates.com

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.

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.



Template name : FitnessMag

Author :  www.soratemplates.com

Designer :  www.wpexplorer.com

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.

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>



Template name : VideoBox

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.

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



Template name : Christmas Gifts

Author :  www.soratemplates.com

Template features : Wordpress Look, 2 Columns, Right Sidebar, Christmas, Portfolio, Featured Content Slider, Fixed Width.

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div class='boxgrid captionfull'>
    <a href='#'><img height='269' src='/slider.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>
    ..........
Replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image URL.





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.





DemoDownload
Template name : Wilderness

Platform: Blogger / Blogspot

Release date : November 2012

Author :  www.soratemplates.com

Designer :  www.devilcantburn.com

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>





DemoDownload
Template name : FitnessMag

Platform: Blogger / Blogspot

Release date : October 2012

Author :  www.soratemplates.com

Designer :  www.wpexplorer.com

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>





DemoDownload
Template name : Replay

Platform: Blogger / Blogspot

Release date : October 2012

Author :  www.soratemplates.com

Designer :  www.themextemplates.com

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.





DemoDownload
Template name : Eclipse

Platform: Blogger / Blogspot

Release date : Oct 2012

Author :  www.soratemplates.com

Designer :  www.devilcantburn.com

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.





DemoDownload
Template name : Project 10

Platform: Blogger / Blogspot

Release date : Sep 2012

Author :  www.soratemplates.com

Designer :  www.orange-themes.com

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





DemoDownload
Template name : eSpecial (Light Skin)

Platform: Blogger / Blogspot

Release date : Sep 2012

Author :  www.soratemplates.com

Designer :  www.temashdesignlab.com

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





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 :  www.temashdesignlab.com

License : Creative Commons Attribution 3.0

Instructions : ChromeGT 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





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





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.com

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.
Diberdayakan oleh Blogger.