HOW TO ADD RELATED POSTS WIDGET FOR BLOGGER

Adding related post widget for blogger is some what problematic for some blogger and they wonder where and how they can get the code. You must add related posts widget for blogger in your blog. It’s quite simple to do it. There are many services which provide such kind of widgets to your blog. I just want you to go for a this article to know how linkwithin service works. I recommend every bloggers to use this how to add related posts widget for blogger article and kindly spread the link of this post for more.

adding realted posts for blogger

I have choosen this service because it quite easy and simply to add it into your blog. All you need to do is that. Just go to the main website link linkwithin and fill the details of the form shown below

  • Enter You Email Id
  • Enter Your Blog Address like ExampleBlog.blogspot.in
  • Choose Your Platform ( Blogger , WordPress, Typepad and other service also available )
  • Choose How Many Post You Want To Use ( Top Image Show Contains 3 stories )
  • Click Get Widget
  • Then You Find A Process By Adding The Code

DISPLAY THIS AUTOMATICALLY AT END OF EACH POST

  • Click On Install Widget At Point 1 (See The Above Image)
  • Then On A New Tab, Choose Your Blog, Click On Edit Content
  • Copy The Entire Code Example Of Code How It Looks (see the script below)



<br />Related Posts Plugin for WordPress, Blogger…” style=”border: 0″ /></a></p></blockquote>
<ul>
<li><span>Goto – -> Template – -> EDIT HTML</span></li>
<li>Click On<span> Expand Widget Template</span>
</li>
<li>Then Search For “<span><b><span><</span><span>div</span> <span>class</span><span>=’post-footer-line post-footer-line-1′</span><span>></span></b></span>” </li>
<li>If You Can’t Find This Then Search For “<span><b><span><p</span> <span>class</span><span>=’post-footer-line post-footer-line-1′</span><span>></span></b></span>“</li>
<li>Just Paste The Copied Just Below It.</li>
</ul>
<p><u>ALSO READ</u> :  <a href=HOW TO CHANGE STYLE OF CUSTOM HEADING TAGS IN BLOGGER

    HOW TO REMOVE LINKWITHIN ATTRIBUTIONS LINK ?

    If you feel comfortable with the link, then you might decide to leave this link as it is. It will credit the developers. But if you don’t want to keep this attribution, below is the CSS code and procedure which will remove LinkWithin Attribution Link.

    •  Goto – -> Template – -> Customize
    • Click In the next window, click on Advance
    • Add CSS And Paste The Below Provided CSS Code In The Box
    • After Pasting The Code, Click On Apply To Blog Button On Right Top Corner

    .linkwithin_outer div[id^=’linkwithin_logo’]
    {display:none;}

    ALSO READHOW TO ADD LINK TO POST WIDGET FOR BLOGGER BELOW POSTS

    HAPPY BLOGGING

    Article By Tharun

    Hey! Tharun here. A Blogger makes blogging on wordpress tips, blogger tricks, SEO tricks, Android Apps, He love to share what he knows. Meet him at Facebook, Twitter. Get free Wordpress Installation Service Contact Here.

    Comments

    1. am says

      How do I manipulate this code so that I could choose which “related posts” show. So for instance, I want all my related posts for let’s say a smoothie recipe (with a lable/tag name = lifestyle) to display related posts that I have labeled the same (other posts labeled/tagged name = lifestyle)

    Leave a Reply