Display thumbnails of posts having same labels or categories at the bottom of each blog page engages the reader more and increases the pageviews. By far we have two best related posts gadgets created so far one is by linkwithin which I am sharing in this tut and another one displays just links and I will share it in my next post. This widget Loads fast and you don't need to install any scripts for this as the widget codes are stored on linkwithin servers. This tutorial is the most detailed one ever written on linkwithin so kindly follow the steps carefully. Please see a demo first,
Add Linkwithin to Blogger
The steps are very simple:
- Go To Linkwithin
- Fill up the easy blanks and do as they say. The screenshot below will help,
3. Keep the width to three stories i.e three thumbnails if your post width is less than 500px
4. Hit the Get Widget button and then click the Install Widget link on the next page as shown below,
5. Change the Title to Related Posts: or anything you may like as shown below,
6. Now Click the Edit Template Link
7. Replace the code that you see with this one:
<b:includable id='main'><b:if cond='data:blog.pageType == "item"'><data:content/></b:if></b:includable>
The above code will hide the thumbnails from appearing on homepage.
8. Next click the Edit Content Link and add the following additional code just above the code inside the widget,
<script>linkwithin_text='Related Posts:'</script>
Replace Related Posts: with any text you want.
9. Finally hit the ADD WIDGET button.
9. Once you are taken to the Page Elements page of your blogger account, simply drag the widget to the bottom of your post body as shown below,
10. Click the "Save" orange button at the top-right corner and you are done!
Let me know if you needed any further help on this. I hope the slight customization may prove helpful to you. Peace.
If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you
Subscribe to our regular Email Updates!
If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »
38 comments:
I personally dont like this one coz you have to give a backlink to linkwithin at every page, instead use the related posts widget by blogger plugins, which id very similar to linkwithin's
@amit
I would disagree brother. The widget by linkwithin comes with three benefits:
1) The widget loads fast as the scripts are stored on linkwithin servers
2) It does not disturbs the loading of other widgets because it loads asynchronously.
3) Giving a link to linkwithin is there right and same link on every page close to a script does never effect your PR and neither does it help Linkwithin a lot. Unless the link is mentioned in your Posts.
All these things are opposite in the custom widgets created elsewhere as you mentioned.
Hi,
How long will it take for the widget to show up? I have tired to add Link within before but none of thumbnails shows up. So I had to switch to outbrain widget.
@G
I takes seconds G. Make sure you add an intro image at the start of all your posts. There service has improved a lot.
Hello Mohammad,
an excellent modification for not to display on home page.i was only suffering from that and now its solved thanks a lot bro.
@Jeet
Anytime buddy. This modification was one of the reasons why I posted this else it was all copy and paste thing. :>
Great! It made my Home page load faster :)
Any trick to center it ?
Thanks Mohammad, very clear and helpful guide.
@Manuel Garcia PH
Hey Manuel did you ever find out how to center it?I've tried to figure it out but had not luck?
Thanks Friend. I like this widget so much. Thanks for providing such great tips and tools. God Bless You.
With Regsrds,
Gurjit Singh
Hmm, it's showing twice or three times with all my posts.. it seems to respond to the < d i v class="post text"> and if I use that multiple times it appears as many times gadgets resource.. is there an easy way to change what LinkWithin responds to?
Also, I noticed it adds the first picture of my page to stories without a picture, but I'd rather use another one latest gadgets.. is there a way to tell it which one to use in those cases?
I have Linkwithin installed. but my problem is i DONT want it to appear on my home page. I am ok for it appearing at the end of my post but not on the home page where a summary is already being shown. Please help. my blog is www.ladyoutdoor.blogspot.com
Great site....I want to select links to must-read individual posts in a separate window. Recent and popular posts do not give me the ability to select particular posts. Can you help? Thank you
Man Awesome:) Thanks
Hi, I tried to use linkwithin but when I click on the related posts link, it redirects to a non-existent page. What should I do? :(
nrelate is better.
Thanks, the tweek helped me for my Blog. Now I can hide those on my Home Page.
This was professional. Thanks for the trick!
wow...!!!!!
awesome dude...
(^-^).
@Amit M B - I don't like it because you cannot get support to help you. I need to go from a 5 post to 4 post widget and have been waiting weeks for them to change it. I tried to reinstall, but it keeps going back to the 5 post widget ... there is not much flexibility with this one, though it looks good when it does fit the post area correctly.
Thanks brother, i use it on my <a href="http://smpn4semin.blogspot.com" rel="nofollow">school's blog</a>, it really cool :)
..waaaW!!! really hatzz off!!!
Would an automatic read more script interfere with this? Because I installed this but it's not showing any related posts, it just says "Related Posts:" and then nothing.
Hey Manuel did you ever find out how to center it?I've tried to figure it out but had not luck?
This method is 100% working. You can check the demo on my blog too
http://www.friendgin.in/
thank you! it finally worked!
it takes too much time to load dude why ? :\
The widget shows posts I deleted years ago. Do you know by any chance how to undo this? Are there any widgets similar to LinkWithin?
~Vanessa Morgan
your posts are really life for me. i saved and bookmarked ur site. thanks
Hey thanks for your great post. Click here to check out my similar post & how does it actually look
Thanks for the great turorial, now the thumbnail related post image on my blog homepage has been disappear :D
My Artwork
Thanks bro Working fine on my Both Blogs
http://lolsplanet.blogspot.com/
http://nannu4u.blogspot.com/
:)
Hey thanks its works fine on me but my problem is the image the shows half any solution?
Here's my blog
http://pspskull.blogspot.com
Hooray! You rock!
Luna
bro, why my related post not related to another post with same label/category? just related to one label. help me please. syukron..
Thank you so much for this post, i did it. Can I ask something from Brother Mohammad who wrote this tips? I am looking for "related post widget for blogger" but this time, a related post widget with a little sentence (summary snippet).
Wordpress has a tutorial for that, but in blogger I am trying hard to find that kind of codes, please post it if you have already that blogger tutorials.
That related post with summary snippet could also help blogger using blogger.com in terms of SEO. Thanks for your time. I am looking forward to see your blog updates.
Please comment on any pages in my blog at Gilbert Canda so that I will be reminded, I am really looking for that tutorial. I highly appreciate your effort in sharing blogger customization.
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.
Regards,
Mohammad