Free Download Blogspot Template Site

Junoon

Junoon

Here's a new - Junoon with Author Box in Post Pages, Ads Ready, Featured Posts and More.



This is very professional that is converted from word press theme to blogger with great effort. It has all things you are looking for like Clean Read more posting, Author Box in Post Pages, Search box, and RSS , Ad Banner, Featured Posts and more..

Template Information:

Template Type :
Template Name : Junoon
License : Free Template + Creative Common License
Converter : BloggerTheme
WP Designer : Camelgraph
Features:

2 columns layout
Right Sidebar
Featured Posts
4 Columns Footer
Header Ad Banner (468 * 60 )
Sidebar Banners ( 125 * 125 )
RSS Widgets
Breadcrumb in Blogger Posts
Author Box in Blogger Posts
Gravatar on comments
Ready for Google Analytics, Adsense and Webmaster Tools
Read More Post
fixed width
Widget Ready
Blue background.
How to install this template:
First you have to install this template in your blogger account.
Go to your blogger layout and click on edit html tab.
Now just download your previous template and upload this new template to it.
How to edit Navigation bar :
Just stay on html page and find these codes with ctrl + F.
Just search for
<div class='clearfix' id='primary-nav'>

Exchange your link with # and title with your title
How to edit Top ad banner:
Go to layout and click on edit html tab
Now search for these codes
<div class='top-ads' style='padding-top:40px; text-align:right;'>

Change your sponsors banner with image link and url.
How to edit sidebar ad banner:
Go to layout and click on edit html tab
Now search for these codes
<div id='ads-wrap'>

Change your sponsors banner with image link and url.
How to change Logo:
Go to layout and click on edit html tab
Now search for these codes with ctrl + F.
<div class='clearfix' id='header'>

Then Fing Logo URL and Change it.
How to Feedburner Subscription :
Go to layout and click on edit html tab
Now search for these codes with ctrl + F.
<div class='rss-com'>

Now look for these codes.
<a href='http://feeds2.feedburner.com/Bloggerthemenet' title='RSS Feed Subscription'>
<img alt='' height='26' src='http://feeds2.feedburner.com/~fc/Bloggerthemenet?bg=990000&amp;fg=000000&amp;anim=1&amp;label=listeners' style='border:0' width='75'/></a>

Replace BloggerThemenet with your Own Feedburner Subscription URL
Search for "BloggerThemenet" in the Template code. (it will appear 5 times) and replace every "BloggerThemenet" with "YOUR FEEDBURNER URL"

How to edit Twitter Social widget:
Go to layout and click on edit html tab
Now search for these codes with ctrl + F.
http://twitter.com/your user name

Replace your user name with your twitter account username.
How to edit Facebook Social widget:
Go to layout and click on edit html tab
Now search for these codes with ctrl + F.
<div class='fb-com'>

Now look for these codes
<a href='#' title='Facebook'>Facebook Page</a>

Replace # with your Facebook Account Link
How to edit Featured slider :
First go to layout and click on edit html
Now search for
<div id='slider'>

Now look for these codes
<div class='slider-image'>
<img alt='feat0' class='featured-image wp-post-image' height='250' src='http://3.bp.blogspot.com/_ncb0g2iwsc/TFbJJdpZZJI/AAAAAAAABEw/jkHQyE4B-Sk/s1600/feat01.jpg' title='feat0' width='400'/> </div>

<div class='slider-post'>
<h2><a href='#YOUR LINKS TO THE POSTS HERE' rel='bookmark' title='Permanent Link to Another Post with Everything In It'>Another Post with Everything In It</a></h2>

<div class='slider-post-meta'>
<span class='italic'>Posted by <a href='#YOUR LINKS HERE' title='Posts by admin'>admin</a> on September 17, 2008. <a href='#YOUR LINKS TO THE LABELS HERE' rel='category' title='View all posts in Child Category I'>Child Category I</a>, <a href='#YOUR LINKS TO THE LABELS HERE' rel='category' title='View all posts in Parent Category I'>Parent Category I</a>, <a href='#YOUR LINKS TO THE LABELS HERE' rel='category' title='View all posts in Parent Category II'>Parent Category II</a> - <a href='#YOUR LINKS TO THE POSTS HERE' title='Comment on Another Post with Everything In It'>5 Comments</a> </span>
</div>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.</p>
<a class='readmore' href='#YOUR LINKS TO THE POSTS HERE'><span>Read More</span></a>
</div>

Replace Red Color Link with your post link
Replace Pink Color Link with your Labels link
Replace Orange Color Link with Post Author Link
Replace Blue color with your Post Title and Post Description
Replace Green Color Link with your Direct Link of Image.
How to edit Author Box:
First go to layout and click on edit html
Now search for
<div class='author-avatar'>

Now look for these codes
<img alt='' class='avatar avatar-80 photo' height='80' src='http://2.bp.blogspot.com/_ncb0g2iwsc/TFbIBWkgBgI/AAAAAAAABEo/H9fKD1n7E2Y/s1600/grav.png' width='80'/>
</div>
<div class='author-text'>
<h4>Post Author : <a href='#YOUR LINKS HERE' title='Posts by admin'>admin</a></h4> <br/>
Write anything about you here!<br/>
<p/>

Replace Red Color Link with your post link
Replace Green Color Link with your Direct Link of Image
Replace Blue Color with Your Author Description.


If you want to improve it further, and make it more search engine friendly, then see these Blogger tips and tricks

=> Download More Templates from Here <=