Learn More

Thursday, March 15, 2012

Multi Labels Recent Posts Widget With Thumbnail And Snippet For Blogger

ATTENTION: WE HAVE DEPRECATED THIS SOURCE CODE AND MY SUGGESTION IS SWITCH WITH OUR PLUGIN. LEARN MORE FROM HERE


multi label recent posts widget with thumbnail and snippet
The idea for multi labels recent posts widget with thumbnails and snippet is from google news. In our opinion, that site displays a number of good news, but the performance is not too slow. The news is displayed based on the labels. Therefore, we make multi labels recent posts widget with thumbnails and snippets for blogger. This widget is very good to offer many topics for your readers on homepage url.


This widget can display a maximum of six labels and five posts for each label. Actually, we have made a similar widget but no snippet. A number of methods have applied in our thinking and our experiments in order to make multi label recent posts widget with thumbnails and snippets can work quickly.

Finally, we arrive at a final decision of how to implement this widget. That is, you must provide a label feed for every label you wish to view. This method produces a more rapid performance than the other methods. Do not worry, you do not need to be confused in applying it, because we've included an example.



How To Install

Consider the following code

 

The above code is displays the label of Science, Blogger and Widget, Blogger Api, Game 2D, c plus plus from threelas.com. You just change http://www.threelas.com with your blog url and the labels on your blog. If you want to display six labels, then add the code

var sixthlabel="YOUR LABEL";

Minimal posts that should be possessed by every label is 5 pieces of posting. You can put this code in HTML/JavaScript widget on your Page Elements (Just click Design -> Page Elements).


How To Styling

We have designed a number of HTML code on multi label recent posts widget with thumbnail and snippet. Please see the following HTML code below, this code is for label url

<div id=”idh2mlrpwt”>
     <h2 class=”classh2mlrpwt”>
            <a href=”Label URL”>Label</a>
     </h2>
</div>

While, the HTML code for posts content is

<div id=”idmlrpwt”>
     <p class=”classmlrpwt”>
          <span style="float:left;padding-right:10px;padding-bottom:10px;"><img alt="post title"   src="img url"/></span>
          <h1><a href=”Post Url”>Post Title</a></h1>
     </p>
</div>

So, for those of you who are experts in css, then you have many opportunities to provide a different style.  Here is the css code that we have applied

 

This widget still we have developed a better, easier to use by anyone. Your support so we expect to continue to develop your blogger.

Update March 22, 2012
Now, this widget can work with original css from blogger. 

  1. thank you... i've been searching for this widget for weeks

    ReplyDelete
  2. admin, how can i make it like yours in the screenshot?  Look at my blog http://myanimebox.blogspot.com/ the labels are not aligned properly

    ReplyDelete
  3. Thank you for your question. We will deprecated this widget. And replace it with one code for all plugins from threelas. As soon as possible we will announce this 

    ReplyDelete
  4. Having hard time following the instruction for my own blog and still doesn't work. Is there some issues when it comes to compatibility? I normally see that some works for others but in my blog it won't do.

    ReplyDelete
  5. Hi Alice,

    We had gave attention to all users, that this widget is not work anymore. If you want to use similar widget (even more good) then you can use our new plugin. This plugin can create any widget, such as dropdown menu with recent posts, multi label recent posts with thumbnail, etc. Just only with one code. To know the result, you can hover our drop down menu, you will see latest posts for each label. click "?" image to get the tutorial. If you still confuse how to put threelas plugin into your site then contact me again. Our suggestion, join with our facebook application below breadcrumb menu. This app help you to get more interaction with other people that use our tutorials

    ReplyDelete
  6. you can read the plugin on http://www.threelas.com/2012/05/recent-posts-widget-multifunction-for.html


    for example, you can see the dropdown above

    ReplyDelete