Tarnished Blogger Template





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.

Free download blogspot template Html5 CSS3
Designer :  ghostpool

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
Posted by Dexcuit at 6:35:00 AM No comments :

No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )