How to add Blogger archive alternative widget for Blogger?

If Webmasters desire to discover Recent posts or Popular posts widget alternative for showing the entire posts links list at one stop by means of widget then Add “Posts Link List widget”. BlogTariff presents Blogger’s Archive gadget type of widget with stylish and easy way to attract visitors/readers to browse more posts by means of this widget. The widget is based on Yahoo! Pipe method.
We hope before your execute this method on your blog you may like to test Authors experiment on blog how it is working.

Live Demo

What are the advantages for adding this widget?

• Widget displays all the posts links lists in Alphabetical and sequential order
• There is no confusion for readers in searching their favorite post
• Along with the post link comments count also visible
• Display posts links in Bullet style or Numbering style

How to Add “Blogger Archive alternative widget” for blogger?

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 -->
<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="font-size: 80%; float:right;">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.

Appreciation

If you enjoyed this article then let know your views and suggestion via comments. We always appreciate on Subscribing to US – Don’t miss ensuing posts.