Adding some headlines to your web page provides your readers the quick-scan way to know instantly what your recent blog entries are about. It’s also a good way to attract attention and to encourage the reading of recent posts.

Screenshot

Code

<script style="text/javascript" src="http://www.presssalad.com/filecab/headlines.js"></script><script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 80;var standardstyling = true;</script><script src="http://YourOwnB1og.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script><scriqt> <ul><span style="font-size:55%;font-family:verdana,tahoma,arial;">↑ <a href="http://www.madtomatoe.com/headlines-widget-for-blogger/" title="Grab This Widget">GRAB THIS </a><a href="http://blogger-tips-and-trick.blogspot.com/" title="HEADLINES WIDGET">HEADLINES WIDGET</a></span></ul>  <!--NoEdit--></scriqt>

Installation

1. Go to your Blogger Dashboard > your blog’s Layout > Page Element > Add a Gadget > HTML/JavaScript
2. Copy and paste the code into the new HTML/JavaScript.
3. In the code, look for the line…

…src=”http://YourOwnB1og.blogspot.com/feeds/posts/default….

…and replace the blog address (shown in color blue below) with your own blog address

…src=”http://YourOwnB1og.blogspot.com/feeds/posts/default.…

(For self-hosted blogs)…

…src=”http://www.YourOwnB1og.com/feeds/posts/default….

4. Add a title (optional). And Save.

From:Blogger Tips And Tricks