Recommended Article for you : get unlimited Freecharge Trick revealed

Related Posts Blogger Widget and LinkedWithIn for Blogger

Related Posts Blogger Widget and LinkedWithIn for Blogger
Related posts Widget, as the title says , this Widget will generate the list of related posts. this Widget can be added either in homepage (under each posts) or inside the post. By placing this related posts Widget, there is chance the spread the other posts to visitors and they may have a tendency to take that post from the list, it will reduce the bounce rate of your blog and will keep your visitors from suddenly quit from your blog. Let's see how to add related posts widget to Blogger



Using LinkedWithIn Widget

  • It is very simple to add LinkedWithIn Widget
  • Go to LinkedWithIn website and follow the simple instructions
  • Give e-mail id, blog url, select platform as Blogger and select number of posts should be displayed.

 Add Related Posts Manually to Blogger

  •  Sign In to Blogger Dashboard
  • Go to Template -> Edit HTML
  • Find </head> 
  • Copy the below code above </head>

<!--Related Posts with thumbnails Scripts Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'> /* remove this */
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";
var maxresults=5;
var splittercolor="#DDDDDD";
var relatedpoststitle="Related Posts";
</script><a href="http://www.netoopsblog.com" style="font-size:0pt">Blogger Widgets</a>
<script src='http://netoopscodes.googlecode.com/svn/netoops-related-posts-with-thumbnails-blogger.js' type='text/javascript'/>
</b:if> /* remove this */
<!--Related Posts with thumbnails Script End-->

Customization

  • RED marked - remove red marked portion to add this Widget to Homepage
  • Brown - place the URL of the image in quotes to display if there is no image in the post.
  • maxresults=5 - change the value to change the number of posts to be displayed.
  • splittercolor="#DDDDDD" - change the color of splitter line between posts. Check here to see color codes selector
  • relatedpoststitle="Related Posts" - Change the Name of title.

 Add to Post Footer

  •  Find <div class='post-footer'> and copy the below code above it
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.netoopsblog.com'><img alt='Blogger Widgets' src='http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png'/></a>
</b:if></b:if>
    • Remove Orange marked to add related posts to homepage too.
    • Change RED marked to change the number of posts should be displayed
    I hope this article will help you. If so please like and share our blog. You can check here more Exciting Widgets.
    Close [x]

    34 comments :

    1. Please give me the codes for your beautiful newer and older pager buttons.Its so nice..Email me to truthoislam@gmail.com.Please I need those immediately...Reply ASAP...
      or see my codes for http:islaamthetruth.blogspot.in and edit my template and mail me the edited template...Thanks in advance...

      ReplyDelete
    2. great post..finally i solvemy problem..thanks for sharing

      ReplyDelete
    3. Can i use this in my default google template?

      ReplyDelete
    4. Thanks. It's awesome ,it is realy helpful, I appreciate it!
      Searchinfomedia

      ReplyDelete
    5. thanks a lot finally i solvemy problem. http://trangsucvaphongthuy.blogspot.com

      ReplyDelete
    6. Thanks for your great article post and useful information. This post solve my problem.

      Best Regards,
      seowelcome

      ReplyDelete
    7. How can I resize the thumbnail picture? I'd like to make it a bit bigger. Maybe like 100px

      ReplyDelete
    8. Just want to say your article is as astonishing.
      The clarity in your post is just great and i can assume you're an expert on this subject. Well with your permission let me to grab your RSS feed to keep updated with forthcoming post. Thanks a million and please continue the gratifying work.

      Also visit my Web Blog Post

      ReplyDelete
    9. Just want to say your article is as astonishing.
      The clarity in your post is just great and i can assume you're an expert on this subject. Well with your permission let me to grab your RSS feed to keep updated with forthcoming post. Thanks a million and please continue the gratifying work.

      Also visit my Web Blog Tips

      ReplyDelete
    10. I saw your content looking very nice .Very useful Keep posting . My blog is http://givemetricks.blogspot.in/

      ReplyDelete
    11. not working i my blog :(
      http://way2cplusplus.blogspot.in

      ReplyDelete
    12. Hi Valsaraj
      Great Work on This blog man, I salute your work dude and Impressive blogger template well done. Keep it up. Blogger SEO Tips

      ReplyDelete
    13. How to Design Page Flip for Blog Post..!

      Nyc SEO

      ReplyDelete
    14. “Thanks for good work and u also like Search Engine Optimization (SEO) 100% Free all the best take care” .

      ReplyDelete
    15. working fine for my blog

      check out here>http://jasharycellshop.blogspot.com/

      ReplyDelete
    16. eastern-india-yellow-pages.blogspot.in

      ReplyDelete
    17. Wasted My time for searching the widget I loved most . =D7 ^#(^

      ReplyDelete
    18. Such a nice post...its very useful..Thanks a lot for sharing with us....:-bd....=D7

      ReplyDelete
    19. Hey Valsaraj,
      First thanks for great article. We built Limk as related posts widget for Blogger.
      Launched early in this year and the platform served over 500 million recommendations with hundreds of happy publishers.

      Key advantages of Limk:
      – Limk related posts widget is using the direct internal URLs, no redirection urls. Good for SEO juice.
      – Mobile ready, looks great on mobile phones and tablets
      – Stats panel gives all the data you need.
      – Optional monetization is available for publishers.

      Bloggers can give it a shot (it's free by the way):
      https://app.limk.com/auth/signup?utm_source=register

      Would love to help anyone to try our platform: ozer@limk.com

      ReplyDelete
    20. I read your post and I want to say that it is very informative and good and interesting. I like it and I appreciate you for your fabulous effort. Try me for CHEAP HOSTING SERVICES- 1$ Hosting.

      ReplyDelete
    21. I was looking for more information on this topic and finally found the info that I was looking for in this post. This will help me to sum up my research paper for the term.
      seo

      ReplyDelete
    22. With Gain Credit Personal Loans, you can get instant loan/money for a wide range of your personal needs like renovation of your home, marriage in the family, a family holiday, your child's education, buying a house, medical expenses or any other emergencies. With minimum documentation, you can now avail a personal loan at attractive 3% interest rates. This is trust and honest loans which you will not regret, Contact us via Email: gaincreditloan01@gmail.com

      Your Full Details:
      Full Name. . .. . .. . .. . .. . .
      Loan Amount Needed. . ...
      Loan Duration. . .. . .. . .. . .
      Phone Number. . .. . .. . ..
      Applied before. . .. . .. . ..
      Country. . .. . .
      Email Us: gaincreditloan01@gmail.com

      ReplyDelete

    Ask your thoughts to us,We are happy to help you.


    1.Please don't Spam
    2.We strictly recommend to Click on Subscribe to email