How to display your latest posts with thumbnail preview image using a simple Gadget

The Widget is very useful for blogs that constantly upload articles, and have a wide range of news. Visitors who came by chance from the Google search, and discovered some of our post that interested them, the logical thing would be just to read, shut down our site and to continue their tour. But as you've found themselves, when there is sideways a list of posts that affect various subjects almost always press and read another post of the same blog.
Increases time visitors stay on our blog.
Increases any our advertising revenue.
It shows professionalism and quality to our website.
It is light and flexible.
For installation, follow these steps:


1) Login to Blogger

2) Press the device

3) Select the point you want the Gadget and click Add a Gadget

4) From the list that opens choose the HTML / JavaScript (11 on list)

5) Pour carefully the code below





<Link href = "http://mybloggerlab.com/Scripts/recent.css" type = "text / css" rel = "stylesheet" />
 <Src script = "http://mybloggerlab.com/Scripts/json.js"> </ script>
  <Type script = 'text / javascript'>
var numposts = 7;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 400; </ script>
  <Script type = "text / javascript" src = 
"http://yourblogtitle.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs">
</ script>

6) Change the http://yourblogtitle.blogspot.com with  your blog adress

7) Change the number 7 , with the number of posts you want to display.

8) Change the number 400 , with the number of characters you want to display.



Example:

No comments:

Post a Comment