Adding Related Post Widget Via Linkwithin

Do you like your readers will stay longer in your website by clicking other related topics that they browse in your page content? Probably, no one will  give a NEGATIVE answer, right? Showing thumbnails of posts having related labels or categories at the bottom of each post  engages the reader to stay longer  and increases the page views at the same manner.  This widget  will load faster and you don't  be  worried about  the loading time because the widget codes are stored on linkwithin servers.


related post widget via linkwithin


Adding Related Post Widget Using Linkwithin


Step 1. Go to Linkwithin and  fill up the form as shown in the  screen shot below
adding post related widget


Step 2. Keep the width (refers to the number of thumbnails to appear in your related post widget)  into  three (3) if your post width is less than 500 px

Step 3. Click the Get Widget button and  and you will be taken to the next page

Step 4. In the new page, Click the Install Widget link (by clicking this link you will be brought to another page and that is the  Add Page Element
related post widget to blogger


Step 5. At the Add Page Element page  you are going to give the name of your blog and edit the Title (refers to the title of your related post widget). You may replace it with  a texts like YOU MAY ALSO LIKE: OTHER RELATED POSTS: etc

Step 6. Now click the Edit Template Link ( pointed with the yellow arrow)
Upon clicking that link, a code like this will appear
<b:includable id="main"><data:content /></b:includable>
Step 7. Replace the code above with the code below
<b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'><data:content/></b:if></b:includable>

Step 8. Next, click the Edit Content Link ( pointed with the green arrow) and place the  additional code  below just before the code  that is found inside that link.
<script>linkwithin_text='Related Posts:'</script>

Step 9.  Replace the red highlighted bolded texts with your own Related Posts Titles

Step 10. Now, hit the ADD WIDGET (pointed with the black arrow in the photo in step 4button. Upon clicking the ADD WIDGET button, the Related Post Widget is now being added to your Blogger Page Elements page automatically, it means that there is no need to paste  any set of codes that you met in the previous steps.

Step 11.  Once you are taken to the  Blogger Page Elements page of your blogger account, find the box bearing the title of your related post widget (usually you can find it at the right side of your post body box) and simply drag it to the bottom part of your post body.

Step 12. Finally, click the "Save Arrangement"  button and you are done friend!
For its customization  click here.

Have peace in your mind and love in your heart!
Have a nice  day pal!
Credits goes to My bloggertricks with little modification from me.






About the Author:
tilt  hover effect
Hello folks! This is GOLDEN WORKS TV, the admin of this blog. No words could described my grateful appreciations to all newbie and professional bloggers around the world and most especially to Almighty God who gave me the wisdom...Read More
Follow him @ Twitter |Facebook


Express yourself!
1 comment : Post Your's Buddies!

Post A Comment!
We love to hear your feedbacks and suggestions. We will try our best to reply to your queries as soon as time allows. Please Keep in mind that all comments are moderated manually by our editors team to minimize spamming, and all the links are nofollow.

Note:
1. To add HTML code in the box, please use our HTML editor generator.
2. Please do not spam. Those type of comments will be deleted upon our review.
3. We should appreciate an individual and suggestive discussion.

Best Regards,

GOLDEN WORKS TV

Related Posts Plugin for WordPress, Blogger...