Multi Labels Recent Posts Widget

Hey guys, can not wait I want to share a new post about the blogger widget. This time we will discuss how to create multiple labels latest post widgets. You can display 6 labels simultaneously, along with five new posts. It's quite interesting, you can provide faster access to your users, without having to open the sitemap page first. Interesting is not it?

Example with another style of css.

Historically, when we did a survey, users were not too often open the sitemap page. They tend to look for a shortcut to access the contents of your post. We thought, what if we meet their wishes. Then we look for inspiration. Obviously you never visited the yahoo site. You can view a list of links. We think this is a great idea, what if we do that but with a slightly different way. Ie you are given the freedom to determine the choice of labels you like.

Imagine when the user can be on your site longer, and more easily explore the entire contents of your site. So your users will feel comfortable with your site.

Ok, let's get started. At first look for the code ]]></ b: skin> and place the following css code above that code

.tablepost { vertical-align:top; background-color:white; } .bordertable { border-bottom:5px outset blue; } .linetable { border-bottom:3px double #e6e4e3; }

Save, then open the Design tab -> Page Elements -> Add a Gadget. Then, select the gadget HTML / Javascript. Then place the following code in it

<script src="http://threelas.googlecode.com/files/multilabelrecentpost.js"> </script> <script type="text/javascript"> var yoursite = "your site url with http"; var label1 = "first label"; var label2 = "second label"; var label3 = "third label"; var label4 = "fourth label"; var label5 = "fifth label"; var label6 = "sixth label"; </script> <script src="http://"yoursite without http"/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=showrecentposts"></script>

Need we tell you, that you should write your own website address along with http or https in the "var yoursite". Because javascript is case sensitive, then you should really write the title of the label precisely. Fill up the label is 6 pieces, originally we wanted to make it automatically, but we think each has its own style. So we give you access to the label that you like. Done.

---

Update Feb 8, 2012

Because so many people like this widget but with thumbnail. So we decided to make this widget support with thumbnail. And also, we make it more SEO friendly than before. What you should to is just change this code <script src="http://threelas.googlecode.com/files/multilabelrecentpost.js"> </script> with <script src="https://for-threelas-site.googlecode.com/svn/trunk/threelas-mulrepowilab.js" type="text/javascript"> </script>. After that, change this code with <script src="/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=showrecentposts" type="text/javascript"></script>