Tuesday, May 21, 2013

"List Of Post/Article" Widget For Blogger


In this tutorial I will show you how to list the titles of your blog’s 1000 2000 most recent posts. If you are looking for an alternative to Blogger’s Archive gadget, then this might be it. This list can also be used as a Table Of Contents. This list is made possible with the use of Yahoo! Pipe.

See the demo in Our List Of Topic Page

The list comes with several options:List them inside a widget or inside a post page.
Arrange the titles in alphabetical or chronological order.
If you use your blog as an online serial novel, then chronological order is just what you need.
Append (or not) a comment count at the end of each title.
Choose numbered or bulleted list style.



Let’s get started,


<!-- Alphabetical/chronological Post Title Listing with comment count Start -->
<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<ul style="font-weight:bold">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + " comments\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
document.write(pList);
document.write(pComment); //to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://www.exeideas.com
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>
<span style="font-size: 80%; float:right;">Get this <a href="http://www.bloggersentral.com/2009/12/list-post-titles-in-alphabetical-order.html" target="_blank">widget</a></span>
<!-- Alphabetical Post Title Listing End -->



Customizing the list:
Below are a few available customizations/options:

Listing order -the default order is alphabetical. To change to chronological order, just change the word alphabet in code line 21 to chrono.
Comment count - comment count is displayed by default. To remove comment count, delete code line 13.



If This Is Not Working Well With You Then Try Some New Widget Here.
Stylish "List Of Post/Article" Widget For Blogger
J-Query "List Of Post/Article" Widget For Blogger

0 comments:

Post a Comment