Learn More

Friday, September 9, 2011

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?

multi label recent post
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

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

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>

  1. It would be awesome if it got thumbnail pictures

  2. Thank you for your suggestion. Many visitor like this, and give same suggestion like you. I make like this but with thumbnail. But for know, only member of this site can use this widget with thumbnail. So, if you want this widget with thumbnail, you can join with threelas first.

  3. Thanks for this. Can you tell how to change css of fist post with every label and to show snippets, meta, thumbnail with post just like on technologypanda.com or better than it.