rss

Sunday, August 23, 2009

Chucky Theme Blogger Template








Now if you think this template doesn't satisfy your dream design,then check out my last two designs for sure as may like it for sure.
1)The Latest Blogger Template
2)Mainam Blogger Template

Hacks Installed In Chucky Template




Features Of The Template



  • Fixed Width Template

  • Two Column Blogger Template

  • Right Sidebar

  • Beautiful Comment System

  • Featured Content Gallery

  • Top Menu Ready As Linklist

  • Search Box Ready

  • Rss Button Ready

  • Compatible With Mozilla, Chrome and IE7



Layout Of Chucky Blogger Template




I request you to Please Back Up your blogger template and all blogger widgets to your desktop or just copy paste all sidebar widgets codes to notepad and save to your desktop for further use in new template.

When you will Download This Template you will get an installation guide downloaded with template but i would like to tell about installation here too.

Chucky Template installation


1) Header Image:-Just upload your header image from header widget inside the blogger layout.That is widget at top left of page elements,by hitting Edit Button.If you don’t wanna use image,you can use text also.

2) Menu Links:-To add the menu links.Just you will see Linklist In Blogger Layout,Just add your menu links from there,as like you add your bloggroll in sidebar.

3) Read More Hack With Thumbnail:-As read more hack with thumbnail is installed.And it display image of size i assigned on homepage.If you want to change it or remove it or any alterations in it,you can read and modify it from here.

a) You will see the Featured Content widget in the layout above in picture as i shown where it is.
b) Just Add the Following Content in the way to make it work.



<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><!-- /featured-post -->
<a id="featured-prev">prev</a>
<a id="featured-next">next</a>
</div><!-- /featured-post-wrap -->



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

d) If you want to add more post then Just before below code

</div><!-- /featured-post -->

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>



e) Repeat The step and Get as much post you want.

5) Comment Section:- I have placed two images for Commets,one for author and one for readers.
Just Go To Layout > Edit/html > Expand widgets and can search these.
http://i29.tinypic.com/10fe2pl.gif - Image for author
http://i32.tinypic.com/5efnk9.png - Image for Readers

6) Removing Date Header For Proper Functioning:- Just Go To Layout > Page Elements and click On Edit Button Of Blog Posts Section.
A Pop Up Window will open and just uncheck the date option first in the list and save it.

Thanks To Anshul :)
Stumble Delicious Technorati Twitter Facebook
If you enjoyed this post, make sure you subscribe as an Reader!

0 comments:


Post a Comment

← Newer Post Older Post → Home
 

Recent Posts

Recent Comments

Follow Me

UseAds.com - Advertise your site at UseAds.com! Submit your site and get tons of traffic!
UseAds.com - Advertise your site at UseAds.com! Submit your site and get tons of traffic!