Wednesday, July 21, 2010

How To Add Featured Posts Gadget in you Blog

Posted by Faheem Mustafa
Share


Hello Readers:
Featured Posts Option is just like a Headings in News Paper. This option gives a small introduction to the most important posts of your blog. Final Product will be looking like this.
You can add countless number of featured posts to your Featured Posts Gadget. This Gadget displays all the post (you want to be shown) after a regular interval of time. You can also change the time interval according to your needs, only if your are familiar with editing HTML codes.

How To Add Featured Posts Below Blog Header

1:  Just Go To blogger Layout > Page Elements and Click Add a Gadget as shown in image below. Select HTML/Java Scripts Gadget

(Click Here to Insert "Add a Gadget" Option below header if your Template does not contain such option)   

2:  Download The Code and Paste it in HTML/Java Script Gadget

3:  Make The necessary changes as described in the code and save. 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 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>
<a class="Add to Your Blog" href="http://fsadvisor.blogspot.com/2010/07/how-to-add-featured-posts-gadget-in-you.html" title="Add to Your Blog">Add to Your Blog</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.
 

If you liked my post then, Leave Your Comments OR

Subscribe to this Blog via Email:
Click here to Subscribe to FREE email updates from "Free Software Advisor", so that you do not miss out anything that can be valuable to you and your blog!!
Share |
Labels:

No Response to "How To Add Featured Posts Gadget in you Blog"

Leave A Reply

Subscribe to: Post Comments (Atom)