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

ChromeGT Blogger Template

22:23 Add Comment




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

15:59 Add Comment
Dark Skin of Unite Blogger Template


DemoDownload

London Creative

11:18 Add Comment
Red Skin of London Creative Blogger Template


DemoDownload

Buzz

11:14 Add Comment
Purple Skin of Buzz Blogger Template


DemoDownload

LeetPress Blogger Template

11:28 Add Comment




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

17:41 Add Comment




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.

London Creative Blogger Template

21:51 Add Comment




DemoDownload
Template name : London Creative

Template features : Wordpress Look, 2 Columns, Right Sidebar, Photography, Elegant, Featured Content Slider, Fixed Width, Black Background, Top Navigation Menu, Page Navigation.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  freshface.net

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:
  • <ul id='fresh_cube_data'>
     <li class='fresh_cube_image_0'>
     <img src='/image.jpg'/>
     <span class='transition' title='random'>
     <div class='post_category' id='slider_post_cat'>/
     <a href='#'>Web Design</a>/</div>
     <div class='post_name'>
     <a href='#' id='slider_img_desc'>1000s of Images In My Mind</a>
     </div>
     </span>
     </li>
     ..........
    <div class='thumbs' id='thumbs'>
    <div class='slider_content' id='sl_content'>
    <ul id='slider_ul'>
     <li><img alt='img' src='/thumb.jpg'/>
     <div class='slider_tit' style='display:none'>/ Web Design /</div>
     <a class='slider_desc' href='#' style='display:none' title='0'>1000s of Images In My Mind</a>
     </li>
     ..........
Now 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:
  • <div class='menu-nav-container'>
     <ul class='menu' id='menu-nav'>
      <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
      <li><a href='#'>About</a>
       <ul class='sub-menu'>
        <li><a href='#'>Dropdown test</a></li>
     ..........
Just replace "#" with your menu item URL.

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

Buzz Blogger Template

18:45 Add Comment




DemoDownload
Template name : Buzz

Template features : 2 Columns, Right Sidebar, Elegant, Fixed Width, Gray Background, Top Navigation Menu, Social Bar.

Release date : July 2012

Author :  www.soratemplates.com

Designer :  ghostpool.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='menu' id='menu-header-tabs'>
     <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
     <li><a href='#'>Most Commented</a></li>
     ..........
Now replace "#" with your menu item URL.

How to change Author Information:
search for:
  • <div class='post-panel left'>
     <h3>About The Author: admin</h3>
     <div class='clear'/>
     <img class='avatar avatar-55 photo' height='55' src='/logo.png' width='55'/> 
     <div class='author-meta'>
     <div class='author-desc'>Lorem ipsum dolor sit amet...</div>
     <div class='author-links'><a href='#'>Website</a> / <a href='#'>Other Posts</a>
    </div>

Inspiration Blogger Template

09:52 Add Comment




DemoDownload
Template name : Inspiration

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

Release date : July 2012

Author :  www.soratemplates.com

Designer :  csscollector.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='kwick'>
     <li style='width:158.666666667px'>
      <a href='#'><img class='attachment-slider_accordion' height='392' src='/image.jpg' width='952'/></a>
      <p class='slide_title'><b class='slider_title'>How We Do It</b></p>
     <div class='slide_caption'><b class='slider_title'>How We Do It</b><p>Lorem ipsum dolor sit amet...</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:
  • <div id='menu'>
     <ul class='smoothmenu'>
      <li class='current-menu-item'>
      <span class='menuslide'/>
      <a href='#' title='Home'>Home<span class='menu_description'>Beginning</span></a>
       <ul>
        <li><a href='#' title='Accordion Slider'>Accordion Slider</a></li>
     ..........
Just replace "#" with your menu item URL.

How To Change Tab Names of Tab Widget:
find this:
  • <ul class='tab-items'>
     <li><a href='#tabs-1' title='Popular'>Popular</a></li>
     <li><a href='#tabs-2' title='Recent'>Recent</a></li>
     <li><a href='#tabs-3' title='Comments'>Comments</a></li>
    </ul>
Change the names "Popular", "Recent" and "Comments" as you like.

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='bio'>
    <img class='avatar' height='80' src='/avatar.gif' width='80'/>
    <div class='bio_info'>
    <h3>About the author</h3>
    <span>admin had written...</span>
    <p>Donec accumsan malesuada orcidonec...</p>
    </div>

Tarnished Blogger Template

21:35 Add Comment




DemoDownload
Template name : Tarnished

Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Portfolio, Header Banner, Featured Content Slider, Fixed Width, Blue Background, Top Navigation Menu, Page Navigation, Social Bar.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.ghostpool.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='slide' style='width: 950px; height: 450px;'>
     <div class='caption-overlay caption-bottomright caption-dark'>
     <h2>Nunc arcu ipsum</h2></div>
     <img class='slider-image' src='/image.jpg' style='width: 950px; height: 450px;'/>
     ..........
     <span class='slider-button'>
     <img src='/thumbnail.jpg' style='width: 109px; height: 54px;'/>
     </span>
     ..........
Now replace:
  • "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:
  • <div id='menu'>
    <ul class='menu' id='menu-header'>
     <li><a href='#'>Home</a></li>
     <li><a href='#'>Pages</a>
      <ul class='sub-menu'>
       <li><a href='#'>Page With Left Sidebar</a></li>
     ..........
Just replace "#" with your menu item URL.

How To Change Header Banner:
find this:
  • <div id='header-widget'> 
     <div class='textwidget'>
     <a href='#'><img border='0' src='/banner.jpg'/></a>
     </div>
    </div>
Now replace:
  • "#" with your banner URL.
  • "banner.jpg" 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

Rapture Blogger Template

18:07 Add Comment




DemoDownload
Template name : Rapture

Template features : Wordpress Look, 2 Columns, Right Sidebar, Elegant, Personal, Featured Content Slider, Fixed Width, Wood Background, Top Navigation Menu, Social Bookmarking Bar.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.wildemedia.co.uk

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 class='nivoSlider' id='slide'>
     <a href='#' target='_blank'><img src='/image.jpg' title='This is an example caption'/></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='menus' id='menu-main-menu'>
     <li><a href='#'>Home</a></li>
     <li><a href='#'>Images</a>
      <ul class='sub-menu'>
       <li><a href='#'>Custom Link</a></li>
     ..........
Just replace "#" with your menu item URL.

Anime Visual Blogger Template

08:17 Add Comment




DemoDownload
Template name : Anime Visual

Template features : Wordpress Look, 2 Columns, Right Sidebar, Anime Style, Featured Content Slider, Fixed Width, Blue Background, Top Navigation Menu, Tabbed Widget.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.animevisual.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='feature'>
     <ul class='ui-tabs-nav'>
      <li><a href='#fragment-502'><img src='/thumb.jpg'/></a>
      </li>
     ..........
     <div class='ui-tabs-panel' id='fragment-502'>
     <img src='/image.jpg'/>
     <div class='info'>
     <h2><a href='#'>Feature Title 1</a></h2>
     <p>Lorem ipsum dolor sit amet...<a href='#'>Read More</a></p>
     ..........
Now replace :
  • "#" with your featured post URL.
  • "thumb.jpg" with your thumbnail image.
  • "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 id='nav'>
     <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
     <li><a href='#'>About</a>
      <ul class='children'>
       <li><a href='#'>Contact us</a></li>
     ..........
Just replace "#" with your menu item URL.

LightBright Blogger Template

10:31 Add Comment




DemoDownload
Template name : LightBright

Template features : 2 Columns, Right Sidebar, Elegant, Fixed Width, Personal, Black Background, Top Navigation Menu, Page Navigation Widget, Social Bookmarking Bar.

Release date : June 2012

Author :  www.soratemplates.com

Designer :  www.elegantthemes.com

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 Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul class='nav superfish clearfix'>
     <li><a href='#'>Home</a></li>
     <li><a href='#'>About</a>
      <ul class='children'>
       <li><a href='#'>Contact Us</a></li>
     ..........
Now replace "#" with your menu item URL.

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

CherryTruffle Blogger Template

22:09 Add Comment




DemoDownload
Template name : CherryTruffle

Template features : Wordpress Look, 2 Columns, Right Sidebar, Personal, Elegant, Featured Content Slider, Fixed Width, Header Banner, 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 Post Date:
Log in to Blogger Dashboard --> Settings --> Format and change this:


If you don't do this, it will display "UNDEFINED".

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='pages'>
     <ul class='nav' id='nav2'>
      <li class='current_page_item'><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 Slogan and Header Banner:
search for:
  • <div id='slogan'> Donec consectetuer tincidunt diam...</div>

    <a href='#'><img alt='banner ad' class='foursix' src='/468x60.gif'/></a>
Now replace:
  • "#" with your banner URL.
  • "468x60.gif" with your banner image.

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

Boardwalk Blogger Template

10:26 Add Comment



DemoDownload
Template name : Boardwalk

Template features : Wordpress Look, 2 Columns, Left Sidebar, Travel, Fixed Width, Blue Background, Vertical Navigation Menu.

Release date : May 2012

Author :  www.soratemplates.com

Designer :  www.wpnow.com

Basic Instructions : How to install a Blogger Template

Bloom Blogger Template

11:09 Add Comment



DemoDownload
Template name : Bloom

Template features : Wordpress Look, 3 Columns, Right Sidebar, Magazine, Elegant, Featured Content Slider, Fixed Width, Gray Background, Top Navigation Menu, Page Navigation.

Release date : May 2012

Author :  www.soratemplates.com

Designer :  www.wpnow.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='mygallery'>
     <div class='imageElement'><h2>Was "Free Willy" Better Off in Captivity?</h2><p/>
     <a class='open' href='#' title='Read More'/>
     <img class='full' src='/image.jpg'/>
     <img class='thumbnail'/></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:
  • <ul class='wpn_menu' id='menu'>
     <li><a href='#'>Home</a></li>
     <li><a href='#'>Get in Touch</a></li>
     ..........
    <ul class='wpn_submenu' id='submenu'>
     <li><a href='#'>Culture + Celebrity</a></li>
     <li><a href='#'>Fashion + Beauty</a></li>
     ..........
Just 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

Vintmint Blogger Template

10:25 Add Comment




DemoDownload
Template name : Vintmint

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

Release date : May 2012

Author :  www.soratemplates.com

Designer :  www.wpnow.com

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 class='featured'>
     <span class='wpn_heading'>Featured Posts</span>
     <div class='wpn_fthumbs'>
     <a class='wpn_featured-arrowl' href='#'/><span>
     <a href='#'><img class='wpn_active' src='/image.jpg'/></a>
     ..........
     <li><img class='wpn_thumbnail' src='thumb.jpg'/>
     <div class='wpn_finfo'><a class='wpn_title' href='#'>Donec gravida lacinia mi hendrerit hendrerit</a><br/>
     <p>Aenean at neque vel diam feugiat...<a href='#'>more</a></p></div>
     </li>
     ..........
Now 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='submenu'>
     <li><a href='#'>Arnare</a></li>
     <li><a href='#'>Blesuada</a>
      <ul class='children'>
       <li><a href='#'>Cursus</a></li>
       <li><a href='#'>Fermentum</a></li>
     ..........
Just replace "#" with your menu item URL.

Elements Blogger Template

11:48 Add Comment



DemoDownload
Template name : Elements

Template features : Wordpress Look, Right Sidebar, 2 Columns, Elegant, Featured Content Slider, Fixed width, Dark, Tabbed widget, Top Navigation Menu.

Release date : May 2012

Author :  www.soratemplates.com

Designer :  www.wpnow.com

Basic Instructions : How to install a Blogger Template

Updated : (03-07-2012)
  • Sidebar widgets now can be hid/expanded.
  • jQuery Tabs added.

Configure Featured Content Slider:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <div id='mygallery'>
    <div class='imageElement'>
    <h2>Little Big Planet spawns festive level pack</h2>
    <p>Phasellus ...</p>
    <a class='open' href='#' title='Read More'/>
    <img class='full' src='.../image.jpg'/>
    <img class='thumbnail'/>
    </div>
    ..........
Now replace:
  • "#" with your featured post URL.
  • "image.jpg" with your slider image

Configure the dropdown menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <ul class='menu'>
    <li><a href='#'><span>Home</span></a></li>
    <li><a href='#'>HTML Elements!</a>
    ..........
    <ul class='submenu'>
    <li><a href='#'>Celebrities</a></li>
    <li><a href='#'>Miscellaneous</a></li>
    ..........
Now 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'>Popular</a></li>
    <li><a href='#widget-themater_tabs-1432447472-id2'>Latest News</a></li>
    <li><a href='#widget-themater_tabs-1432447472-id3'>Latest Comments</a></li>
    </ul>
Now change the names "Popular", "Latest News" and "Latest Comments" as you like.
Subscribe to: Posts (Atom)

Kategori

Kategori