This Blogger Template is very professional blogger template 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 : Blogger Template
Template Name : Junoon Blogger Template
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
- Exchange your link with # and title with your title
<div class='clearfix' id='primary-nav'>
How to edit Top ad banner:
- Go to layout and click on edit html tab
- Now search for these codes
- Change your sponsors banner with image link and url.
<div class='top-ads' style='padding-top:40px; text-align:right;'>
How to edit sidebar ad banner:
- Go to layout and click on edit html tab
- Now search for these codes
- Change your sponsors banner with image link and url.
<div id='ads-wrap'>
How to change Logo:
- Go to layout and click on edit html tab
- Now search for these codes with ctrl + F.
- Then Fing Logo URL and Change it.
<div class='clearfix' id='header'>
How to Feedburner Subscription :
- Go to layout and click on edit html tab
- Now search for these codes with ctrl + F.
- Now look for these codes.
- 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"
<div class='rss-com'>
<a href='http://feeds2.feedburner.com/Bloggerthemenet' title='RSS Feed Subscription'>
<img alt='' height='26' src='http://feeds2.feedburner.com/~fc/Bloggerthemenet?bg=990000&fg=000000&anim=1&label=listeners' style='border:0' width='75'/></a>
How to edit Twitter Social widget:
- Go to layout and click on edit html tab
- Now search for these codes with ctrl + F.
- Replace your user name with your twitter account username.
http://twitter.com/your user name
How to edit Facebook Social widget:
- Go to layout and click on edit html tab
- Now search for these codes with ctrl + F.
- Now look for these codes
- Replace # with your Facebook Account Link
<div class='fb-com'>
<a href='#' title='Facebook'>Facebook Page</a>
How to edit Featured slider :
- First go to layout and click on edit html
- Now search for
- Now look for these codes
- 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.
<div id='slider'>
<div class='slider-image'>
<img alt='feat0' class='featured-image wp-post-image' height='250' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFhEjGDYw3ZjoqxL5SmFgy8odTonU5w68-o0uDPQWMJcoRUpn1K_3mCqQL_8ImsnOOxpW5y6UJcqgKx3oyz47cJSBfghD6c_QHIThj_HBVhAYjGgxKWamK4bsAKGwr_2JSVLuh1H9oc2U/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>
How to edit Author Box:
- First go to layout and click on edit html
- Now search for
- Now look for these codes
- 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.
<div class='author-avatar'>
<img alt='' class='avatar avatar-80 photo' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja-idnYavkKaWOYHt4js6xnE5vy92J8g5d6SsxxYbBHH-Z4xU6HW58aK4l-voAHPI_eX3bU7vnH0rHhsLDilveH146i_flmFvRFHocQl39macj6bu_UxVzs7CJQ0ScaEEFGE8KUF_4iF0/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/>
If you want to improve it further, and make it more search engine friendly, then see these Blogger tips and tricks
0 comments:
Post a Comment