Chucky - Blogger Template

2009-08-20T01:05:00.000-07:00

Live Preview | Download

Now After you Upload template you can start Using it.

Using Featured Content :

1. When you see the Featured Content beside it click on Edit link.

2. Then Add the Following Content :

<div id="featured-post-wrap" class="clearfix">

<script type="text/javascript">

jQuery(document).ready(function() {

jQuery('#featured-post').cycle({

fx: 'fade',

speed: 'fast',

timeout: 6000,

pause:2,

next: '#featured-next',

prev: '#featured-prev'

});

})

</script>

<div id="featured-post">

<div class="featured-item">

<img alt="Image Name" width="304" src="Link of the Image" class="featured-thumb" height="190"/>

<div class="post clearfix">

<p class="date-post">Date of the Post </p>

<h2 class="title"><a href="Link of the Post" title="Title of the post">Title of the post.</a></h2>

<div class="entry">

Post Content Or Description
</div>

<a class="read-more" href="Link of the Post" title="Continue Reading...">Continue Reading...</a>

</div>

</div>

</div>

<a id="featured-prev">prev</a>

<a id="featured-next">next</a>

</div>

3. You have to just change the things highlighted in red color.

4. If you want to add more post then Just before

</div>

add this code :

<div class="featured-item">

<img alt="Image Name" width="304" src="Link of the Image" class="featured-thumb" height="190"/>

<div class="post clearfix">

<p class="date-post">Date of the Post </p>

<h2 class="title"><a href="Link of the Post" title="Title of the post">Title of the post.</a></h2>

<div class="entry">

Post Content Or Description
</div>

<a class="read-more" href="Link of the Post" title="Continue Reading...">Continue Reading...</a>

</div>

</div>

5. Repeat The step and Get as much post you want.

6. Wishing more steps sorry but this much only now Just save it.

Bmagazine blogger template

2009-06-10T23:13:00.001-07:00

I have been telling all the bloggers that you should work on your blog design for better navigation because if you don't have a good design and navigation, visitors will just go away from your blog. This was the only reason i had designed a new blogger template for NiteshKothari.com.

I have designed this theme considering some points.
1. Better Navigation.
2. Better Accessibilty for posts.
3. Light color combination for professional look.

As soon as i published this theme on my blog, i got mails from readers saying that this is the theme we always wanted. So take it guys.. Now you can have this theme on your blog as well(thanks to Atul from Themetoday.com).

Download Bmagazine blogger template

Click on the image to enlarge it.

100 Salient Features of this theme.

1. Magazine style premium blogger template
2. Highly customizable
3. All browsers Supported
4. Day and Date - blogger hack (Know More)
5. Updates section above header
6. Facebook style lightbox - Facebox (Know More)
7. Multi Level Drop down menu V 1.1 - Browser support: FF1+ IE6+ Opera8+ (Know More)
8. Subnavbar - one click show and hide
9. Three column middle box
10. Dedicated space at homepage (just above Content area , so you can add anything you like ).
11. Bookmark icons below Post title.
12. Embedded Comment Form.
13. Numbered comments.
14. Go to top and bottom buttons (Know More)
15. Links in sidebar widget tile.
16. 4 Column Footer. (Fixed height)
100. It is a very unique blogger template inspired by many websites .

[+/-] How to customize Bmagazine blogger template?

Just follow this tutorial to upload bmagazine template to your blog. After that, follow these steps.

Go to layout > Edit HTML section.
Check "Expand Widget Templates" box.
Do not use any title for HTML/Javascript widget in header section.
Change links in Multi level drop down menu.(Know more)
Press ctrl+f to search.
Change Save to delicious code.[+/-]
Search for this section of code.
<div class='save-delicious'>
<a href='http://del.icio.us/post?url=http://www.niteshkothari.com&title=Blogger Widgets' style='text-transform:none; border:none; text-decoration:underline' target='_blank'>
Save to Delicious</a> (<b class='delsquare' id='woork-delicious'>0</b>)
<script type='text/javascript'>
function displayURL(data) {
var urlinfo = data[0];
if (!urlinfo.total_posts) return;
document.getElementById("woork-delicious").innerHTML = urlinfo.total_posts;
}
</script>
<script src='http://badges.del.icio.us/feeds/json/url/data?url=http://www.niteshkothari.com&callback=displayURL'/>
</div>

Replace the link in red to your blog's address.
Use Submenu section.[+/-]
This section can be used for Announcements.
Change email link for (Advertise here) in sidebar.[+/-]
<div>
<span class='small-right'>
<a href='mailto:you@email.com' style='font-weight:bold;color:#000;'>(Advertise Here)</a></span>
Sponsored links</div>
Replace the email address in red to your email address.

Final Words

This theme is inspired from many websites. I will be launching better versions of this theme soon. I need you valuable feedbacks and suggetions. Did you like this theme?

Blog Services

Chucky - Blogger Template

Bmagazine blogger template