The Chucky Blogger Template:- Designed by Anshul Dudeja And Ritesh
Sanap
Blogger ( Url ):- http://www.anshuldudeja.com And http://www.best2know.info
Instructions :
There are few instructions you should follow before using this template.
How to upload Blogger templates :
1. Log in to your Blogger dashboard and go to Layout > Edit HTML
2. Ensure you back up your old template in case you decide to use it
again. To do this, click on the "download full template" link and
save the file to your hard drive.
3. Look for the section near the top where you can browse for your XML
template:
4. Enter the location of your template and press "upload".
5. The HTML of your new template will now appear in the box below. You
can preview your template or simply save to start using it!
6. Enjoy!
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.I made easy for you.
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.
http://www.anshuldudeja.com/2009/05/automatic-read-more-hack-for-blogger.html
4) 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.
5) Featured
Gallery :-Just Go To blogger Layout >
Page Elements and add the codes like below in the featured widget as i have
shown in Layout picture.
<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 -->
3. You have to just change the things highlighted in red color.
This will add one Featured post only.
4. 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>
5. Repeat The step and Get as much post you want.
In The Same way keep On ading or editing all codes to show your Featured
Post.
6) 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.
You can change if you want.
That’s It Just Enjoy Using This Template.!!!!!!
Tidak ada komentar:
Posting Komentar