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

ChromeGT Blogger Template





DemoDownload
Template name : ChromeGT

Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Modern, Featured Content Slider, Fixed Width, Black Background, Top Navigation Menu, Page Navigation Widget.

Release date : August 2012

Author :  www.soratemplates.com

Designer :  www.temashdesignlab.com

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='slide'>
    <a href='#'><img src='/image.jpg' title='Modern Futuristic Unique Design'/></a>
    ..........
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='menu' id='menu-main-navigation'>
    <li><a class='parent' href='#'><span>Home</span></a>
    <div><ul>
    <li><a href='#'><span>Left Sidebar Homepage</span></a></li>
    <li><a href='#'><span>Homepage Layout 2</span></a></li>
    ..........
Just replace "#" with your menu item URL.

Configure Social Widget:
search for:
  • <div id='social'>
    <a class='tt_top' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' id='rss' title='RSS'/>
    <a class='tt_top' href='#' id='googleplus' title='Google+'/>
    <a class='tt_top' href='#' id='twitter' title='Twitter'/>
    <a class='tt_top' href='#' id='facebook' title='Facebook'/>
    </div>
Replace "#" with your Social Account URL.

How to change Author Information:
Find this:
  • <div class='post-author-title'>
    <h2>About the Author</h2>
    </div>
    <div class='post-author-content'>
    <div class='border-img leftside avatar-box'><img class='avatar avatar-60 photo' height='60' src='/gravatar.jpeg' width='60'/>
    </div>
    <h3>Written by Admin</h3>
    <p>ChromeGT is a modern, powerful...</p>
    ..........

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

Unite

Dark Skin of Unite Blogger Template


DemoDownload

London Creative

Red Skin of London Creative Blogger Template


DemoDownload

Buzz

Purple Skin of Buzz Blogger Template


DemoDownload

LeetPress Blogger Template





DemoDownload
Template name : LeetPress

Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Elegant, Magazine, Featured Content Slider, Fixed Width, Gray Background, Header Banner, Top Navigation Menu, Page Navigation.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  wpmaniac.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 class='sliderContent'>
    <div class='featured-item' style='background:#000 url(/image.jpg) no-repeat center; height:280px;'>
    <div class='featured-inner'>
    <div class='featured-arrows'/>
    <h1><a href='#'>Dead Space 2 Review</a></h1>
    </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-wrapper'> 
    <ul id='navigate'>
    <li><a href='#'>Home</a></li>
    <li><a href='#'>News</a>
    <ul class='sub-menu'>
    <li><a href='#'>Xbox 360</a></li>
    ..........
Just replace "#" with your menu item URL.

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

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

How to change Author Information:
search for:
  • <div id='about-author'>
    <img height='75' src='/author.png' width='75'/>
    <h5><strong>Author:</strong> admin</h5>
    <div class='author-descrip'>Lorem ipsum dolor sit amet...</div>
    </div>

Unite Blogger Template





DemoDownload
Template name : Unite

Template features : Wordpress Look, 2 Columns, Right Sidebar, 3 Columns Footer, Business, Elegant, Featured Content Slider, Fixed Width, Light Background, Top Navigation Menu, Email Subscription Form.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  para.llel.us

Basic Instructions : How to install a Blogger Template

Configure Post Date:
Log in to Blogger Dashboard --> Settings --> Format and change this:


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:
  • <div id='Slide'>
    <img alt='Slide 1' height='341' src='/image.jpg' width='948'/>
    ..........
Now 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='sfmenu'>
    <li class='current'><a expr:href='data:blog.homepageUrl'>Home</a></li>
    <li><a href='#'>Features</a>
    <ul>
    <li><a href='#'>Home page</a>
    ..........
Just replace "#" with your menu item URL.

Kategori

Kategori