How To Add Featured Posts Gadget in you Blog

Posted by Faheem Mustafa

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
    <a class="read-more" href="Link of the Post" title="Continue Reading...">Continue Reading...</a>
<a class="Add to Your Blog" href="" title="Add to Your Blog">Add to Your Blog</a>

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.

blog comments powered by Disqus
Related Posts with Thumbnails