Sign into your blogger account
Click on “Design (Layout in the new blogger interface) Page Elements”
Click on “Add a Gadget” link tab
Now, Select “HTML/Javascript” widget and copy the below code and paste in it
<!-- BlogTariff.com Sequential order Post Title Listing with comment count Start -->
<br />
<center>
<h3>
All Posts in Alphabetical Order</h3>
</center>
<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.blogtariff.com
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json" type="text/javascript"></script>
<span style="float: right; font-size: 80%;">Get this <a href="http://www.blogtariff.com/2009/12/list-post-titles-in-alphabetical-order.html" target="_blank">widget</a></span>
<!-- BlogTariff.com Alphabetical Post Title Listing End -->
After successful pasting the above code alter few codes as below
Replace “blogtariff.com” with your blog/website URL as highlighted in Red Color
Replace “alphabet” with “chrono” to display Sequential order
By default comments count will be displayed, if you don’t want this comment count then Delete this code “document.write(pComment); //to remove comment count delete this line.</div>
