View Related messages (Related Posts) with Thumbnails In Blogger

In this article we will see how to display the associated messages (or in relation to current) with thumbnails, and for that matter, we're going to use one of the most popular LinkWithin widget.

LinkWithin: is a free widget that displays the associate (message related) with thumbnail footer messages. for now there are three factors to determine the message to appear in the list:
 
1-Relevance of the article
Popularity 2-section
3-recency Article


How to add LinkWithin widget into your blog blogger-blogspot:
There are two ways to add this widget banns your blog blogger-blogspot.

1.         If you use a standard blogger template (Template pardefaut):   go to LinkWithIn.com you will find a right to form, complete the form and choose your blogger Platform and follow the instructions to install the fin.Après this widget with the first way, you will see after each post in your main list of the associated message and also in the search result page.

2. If you use a custom template:

    This method is used when using a custom template or when you want to customize the widget to your blogger blog-blogspot.

Step 1:
 
Go to LinkWithIn.org, filling the right to choose form, but other (other) Platform as

click Get Widget , you will be redirected to a second page that contains the code of the widget, not copy the code on this page but seek the following element: linkwithin_site_id , this element has a value eg linkwithin_site_id = 999999 , safeguarding value of this item you ( you'll need it )
 
Step 2:
 
Log into your blogger account Presentation >> Edit HTML >> Check the box gadgets Develop models and find this line of code:

<div class='post-footer'>

or similar code that contains post- Foote , and just before this line paste the following code:

<b:if cond='data:blog.pageType == "item"'><br /> <script> var linkwithin_site_id = YOUR_SITE_ID; (function () { var elem = document.createElement('script'); elem.type = 'text/javascript'; elem.src = 'http://www.linkwithin.com/widget.js?rand=' + Math.random(); document.getElementsByTagName('head')[0].appendChild(elem); })(); </script><br /> <a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Blog Widget by LinkWithin" style="border: 0" /></a><br /> </b:if>

The above code contains an expression:
 
var = linkwithin_site_id YOUR_SITE_ID ;, replace YOUR_SITE_ID ; by the ID
generated in the previous step save and refresh your blog to see the changes .
If you have problems , see the FAQ .