Smoky Blogger Template at Friday, June 26, 2009

	Template Name : Smoky
	Original Designer : Web Site Hosting
	Bloggerize by : Free Blogger Template
	Demo Url : CLICK HERE
	Download : Smokyblogger.zip

Instalations Guide :

Go to "Edit HTML" (The blue text is your guide to change the code.)

Find the Code below (don't include the blue text) and Change with your own :

1. Javascript Host

Find this code and replace with your own host.

<script src='http://WWW.YOURHOST.COM/jquery.min.1.2.6.js' type='text/javascript'/>
<script src='http://WWW.YOURHOST.COM/jqueryslidemenu.js' type='text/javascript'/>
<script src='http://WWW.YOURHOST.COM/stepcarousel.js' type='text/javascript'/>

2. Configuration of Featured Posts

<h2>Featured Posts[FEATURE TITLE]</h2>
<div id='board_carusel'>
<div class='belt'>

<div class='board_item'>
<!-- board_item -->
<p><img alt='Home Refinance Loan' src='http://www.skinpress.com/thumbs/125x125.png[IMAGE URL]'/><strong><a href='#[YOUR POST URL]'>Home Refinance Loan[YOUR POST TITLE]</a></strong> Our homes are our biggest assets. A fruit borne out of many years of hard work, earnings and dreams! But, are you still paying the same higher interest rates on the home loan...[YOUR POST SUMMARY]</p>
<p class='more'><a href='#[YOUR POST URL]''>Readmore</a></p>
<!-- /board_item -->
</div>

<div class='board_item'>
<!-- board_item -->
<p><strong><a href='#[YOUR POST URL]''>An image in a post[YOUR POST TITLE]</a></strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec...[YOUR POST SUMMARY]</p>
<p class='more'><a href='#[YOUR POST URL]''>Readmore</a></p>
<!-- /board_item -->
</div>

<div class='board_item'>
<!-- board_item -->
<p><strong><a href='#[YOUR POST URL]''>Cash-Out Refinance[YOUR POST TITLE]</a></strong> For many, their homes are just not dwellings that protect them against rain, sun, and wind. But they are piggy banks, which can be used to raise some urgent money, even if...[YOUR POST SUMMARY]</p>
<p class='more'><a href='#[YOUR POST URL]''>Readmore</a></p>
<!-- /board_item -->
</div>

3. Change Twitter Url

<a href='http://twitter.com/yourname'><img alt='' src='http://i606.photobucket.com/albums/tt142/freebloggertemplate/smoky/button_twitter.png'/></a>

4. Configuration of Menu Navigation

<div id='menu'>
<div id='mainmenu'>
<ul>

<li class='first current_page_item'><a href='/'>Home</a></li>
<li class='page_item page-item-2'><a href='#' title='About'>About</a>
<ul>
<li class='page_item page-item-36'><a href='#' title='test1'>test1</a></li>
<li class='page_item page-item-40'><a href='#' title='Test2'>Test2</a></li>
<li class='page_item page-item-42'><a href='#' title='Test3'>Test3</a></li>
<li class='page_item page-item-43'><a href='#' title=''ADDING NEW SUB MENU'>ADDING NEW SUB MENU</a></li>
</ul>

</li>
<li class='page_item page-item-12'><a href='#' title='Contact'>Contact</a></li>
<li class='page_item page-item-13'><a href='#' title='Advertise'>Advertise</a></li>
<li class='page_item page-item-14'><a href='#' title='themes'>themes</a></li>
<li class='page_item page-item-15'><a href='#' title='ADDING NEW MENU'>ADDING NEW MENU</a></li>

<li class='page_item page-item-16'><a href='#' title='ADDING NEW MENU+SUB'>ADDING NEW MENU+SUB</a>
<ul>
<li class='page_item page-item-50'><a href='#' title='SUB1'>SUB1</a></li>
<li class='page_item page-item-51'><a href='#' title='SUB2'>SUB2</a></li>
<li class='page_item page-item-52'><a href='#' title='SUB3'>SUB3</a></li>
</ul>
</li>

</ul>
</div>
</div>

5. Configuration of Sidebar Banners

<div>
<a href='#[LINK ANCHOR]' title=''><img alt='' src='http://www.skinpress.com/thumbs/125x125.png[BANNER URL]'/></a>
</div>

<div>
<a href='#[LINK ANCHOR]' title=''><img alt='' src='http://www.skinpress.com/thumbs/125x125.png[BANNER URL]'/></a>
</div>

<div>
<a href='#[LINK ANCHOR]' title=''><img alt='' src='http://www.skinpress.com/thumbs/125x125.png[BANNER URL]'/></a>
</div>

<div>
<a href='#[LINK ANCHOR]' title=''><img alt='' src='http://www.skinpress.com/thumbs/125x125.png[BANNER URL]'/></a>
</div>

Ok, all done.

Update Version :
Smoky blogger template with automatic "read more" feature :