Tarnished Blogger Template

/ slider, sosial / Oleh
Tarnished Blogger Template

Template name : Tarnished
Release date : June 2012
Author : www.soratemplates.com
Designer : www.ghostpool.com
Basic Instructions : How to install a Blogger Template

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.

 

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