How to upload Blogger templates

 OK friends my name is fahrulrozi... today I want to give a way to change the blogger templates,
There are several ways,, under this way ....
do not hard ... very easy
ok yea we immediately began just

Listen

Read phonetically

Rate translation

 

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.

http://fahrulrozi-tkj.blogspot.com

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.

bY : fahrulrozi