Headlines Widget for Blogger

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

Live Demo

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://www.madtomatoe.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.

Layout

Headlines are usually placed at the top of the web page. For your Blogger blog, go to your blog’s Layout, drag your Headlines Widget and place it above the Blog Posts box. Please see the Blogger Demo page.

Don’t forget to click SAVE.