Wordpress Look
Showing posts with label Wordpress Look. Show all posts
Showing posts with label Wordpress Look. 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

Confidence Blogger Template

21:31 Add Comment




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

Float Blogger Template

17:07 Add Comment




DemoDownload
Template name : Float

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

Release date : July 2012

Author :  www.soratemplates.com

Designer :  bobosh.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:
  • <nav class='menu-menu-container'>
    <ul class='menu' id='menu-menu'>
     <li><a href='#'>Home</a></li>
     <li><a href='#'>Styling</a></li>
     <li><a href='#'>Drop-down</a>
     <ul class='sub-menu'>
      <li><a href='#'>News</a></li>
      <li><a href='#'>Video</a></li>
     ..........
Replace "#" with your menu item URL.

Configure Social Widget:
Look for:
  • <h2 class='widget-title'>Social Widget</h2>
    <ul>
     <li><a href='#' id='dribbble'>Dribbble</a></li>
     <li><a href='#' id='facebook'>Facebook</a></li>
     <li><a href='#' id='flickr'>Flickr</a></li>
     <li><a href='#' id='twitter'>Twitter</a></li>
     ..........
Replace "#" with your Social Account URL.

How to change Author Information:
Find this:
  • <img class='avatar avatar-56 photo' height='56' src='/author.png' width='56'/>
    <h3>About the author</h3>
    <p>Donec non enim in turpis...</p>
    </div>

Collective Blogger Template

17:25 Add Comment




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
Subscribe to: Posts (Atom)

Kategori

Kategori