Showing posts with label 3 Columns. Show all posts
Showing posts with label 3 Columns. Show all posts

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 / www.my-themes.com

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

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

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

Boulevard Blogger Template





DemoDownload
Template name : Boulevard

Template features : Wordpress Look, 3 Columns, 4 Columns Footer, Right Sidebar, Magazine, Header Banner, Featured Content Slider, Fixed Width, Clean Design, Gray Background, Tabbed Widget, Top Navigation Menu.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  themesector.com

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='featured-wrapper'>
    <div class='slider'>
    <a href='#'><img src='/image.jpg' title='#htmlcaption_66'/></a>
    </div>
    ..........
    <div class='slider-text nivo-html-caption' id='htmlcaption_66'>
    <div class='slider-heading'>
    <h2><a href='#'>Battlefield 3 multiplayer review</a></h2>
    <p>Lorem ipsum dolor sit amet...</p>
    </div>
    </div>
    ..........
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:
  • <div id='navigation'>
    <ul class='menu' id='menu-main'>
    <li><a href='#'>Home</a>
    <ul class='sub-menu'>
    <li><a href='#'>Blog Style</a></li>
    ..........
Just replace "#" with your menu item URL.

How To Change Header Banner:
find this:
  • <div id='header-banner'>
    <a href='#'><img src='/header-banner.jpg'/></a>
    </div>
Now replace:
  • "#" with your banner URL.
  • "header-banner.jpg" with your banner image.

How To Change Tab Names of Tab Widget:
find this:
  • <ul class='tabs'>
    <li class='active'><a href='#tab1'>Popular</a></li>
    <li><a href='#tab2'>Comments</a></li>
    <li><a href='#tab3'>Tags</a></li>
    </ul>
Change the names "Popular", "Comments" and "Tags" as you like.

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

eGamer Blogger Template





DemoDownload
Template name : eGamer

Template features : Wordpress Look, 3 Columns, Left Sidebar, Gaming, Elegant, Featured Content Slider, Fixed Width, Black Background, Top Navigation Menu, Page Navigation.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

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'>
    <ul>
    <li class='thumbnail-div-featured' style='background-image: url(/image.jpg);'>
    <div class='featured-inside'>
    <a class='titles-featured' href='#' rel='bookmark'>Maecenas scelerisque fermentum metus...</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='nav superfish'>
    <li><a href='#'>Coding</a></li>
    <li><a href='#'>Custom Logos</a></li>
    <li><a href='#'>Featured Articles</a></li>
    <li><a href='#'>Game Reviews</a>
    <ul class='children'>
    <li><a href='#'>XBOX</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

Deviant Blogger Template





DemoDownload
Template name : Deviant

Template features : Wordpress Look, 3 Columns, Right Sidebar, Personal, Elegant Design, Fixed Width, Top Navigation Menu, Page Navigation.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

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='superfish nav_links'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>About Us</a>
    <ul class='children'>
    <li><a href='#'>Meet The Team</a></li>
    <li><a href='#'>Our Mission Statement</a></li>
    ..........
Replace "#" with your menu item URL.

How To Change Tab Names of Tab Widget:
find this:
  • <ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
    <li><a href='#widget-themater_tabs-1432447472-id1'>Tab 1</a></li>
    <li><a href='#widget-themater_tabs-1432447472-id2'>Tab 2</a></li>
    <li><a href='#widget-themater_tabs-1432447472-id3'>Tab 3</a></li>
    </ul>
Change the names "Tab 1", "Tab 2" and "Tab 3" as you like.

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

Daily Journal Blogger Template





DemoDownload
Template name : Daily Journal

Template features : 3 Columns, Right Sidebar, Personal, Elegant, Fixed Width, Left Vertical Menu, Page Navigation.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

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-pages'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>About</a></li>
    <li><a href='#'>Page Templates</a>
    <ul class='sub-menu'>
    <li><a href='#'>Sitemap</a></li>
    <li><a href='#'>Full Width</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

Influx Blogger Template





DemoDownload
Template name : Influx

Template features : Wordpress Look, 3 Columns, Right Sidebar, Personal, Fixed Width, Tabbed Widget, Top Navigation Menu.

Release date : May 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

Basic Instructions : How to install a Blogger Template

How To Change Tab Names of Tab Widget:
find this:
  • <ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
    <li><a href='#widget-themater_tabs-1432447472-id1'>Tab 1</a></li>
    <li><a href='#widget-themater_tabs-1432447472-id2'>Tab 2</a></li>
    <li><a href='#widget-themater_tabs-1432447472-id3'>Tab 3</a></li>
    </ul>
Change the names "Tab 1", "Tab 2" and "Tab 3" as you like.

Kategori

Kategori