Related Posts Blogger Widget and LinkedWithIn for Blogger
Contents

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
This can be done using two ways
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 == "item"’> /* 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=”https://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>var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();
function related_results_labels_thumbs(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
try
{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}
catch (error){
s=entry.content.$t;a=s.indexOf(“<img”);b=s.indexOf(“src=\””,a);c=s.indexOf(“\””,b+5);d=s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=””))
{thumburl[relatedTitlesNum]=d;} else {if(typeof(defaultnoimage) !== ‘undefined’) thumburl[relatedTitlesNum]=defaultnoimage; else thumburl[relatedTitlesNum]=”http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png”;}}
if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+”…”;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == ‘alternate’) {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
}
}
}
}
function removeRelatedDuplicates_thumbs() {
var tmp = new Array(0);
var tmp2 = new Array(0);
var tmp3 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains_thumbs(tmp, relatedUrls[i]))
{
tmp.length += 1;
tmp[tmp.length – 1] = relatedUrls[i];
tmp2.length += 1;
tmp3.length += 1;
tmp2[tmp2.length – 1] = relatedTitles[i];
tmp3[tmp3.length – 1] = thumburl[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl=tmp3;
}
function contains_thumbs(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels_thumbs(current) {
var splitbarcolor;
if(typeof(splittercolor) !== ‘undefined’) splitbarcolor=splittercolor; else splitbarcolor=”#d4eaf2″;
for(var i = 0; i < relatedUrls.length; i++)
{
if((relatedUrls[i]==current)||(!relatedTitles[i]))
{
relatedUrls.splice(i,1);
relatedTitles.splice(i,1);
thumburl.splice(i,1);
i–;
}
}
var r = Math.floor((relatedTitles.length – 1) * Math.random());
var i = 0;if(relatedTitles.length>0) document.write(‘<h2>’+relatedpoststitle+'</h2>’);
document.write(‘<div style=”clear: both;”/>’);
while (i < relatedTitles.length && i < 20 && i<maxresults) {
document.write(‘<a style=”text-decoration:none;padding:5px;float:left;’);
if(i!=0) document.write(‘border-left:solid 0.5px ‘+splitbarcolor+’;”‘);
else document.write(‘”‘);
document.write(‘ href=”‘ + relatedUrls[r] + ‘”><img style=”width:72px;height:72px;border:0px;” src=”‘+thumburl[r]+'”/><br/><div style=”width:72px;padding-left:3px;height:65px;border: 0pt none ; margin: 3px 0pt 0pt; padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal;”>’+relatedTitles[r]+'</div></a>’);i++;
if (r < relatedTitles.length – 1) {
r++;
} else {
r = 0;
}}
document.write(‘</div>’);relatedUrls.splice(0,relatedUrls.length);
thumburl.splice(0,thumburl.length);
relatedTitles.splice(0,relatedTitles.length);}
</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.
- Find <div class=’post-footer’> and copy the below code above it
<b:if cond=’data:blog.pageType == "item"’>
<div id=’related-posts’>
<b:loop values=’data:post.labels’ var=’label’>
<b:if cond=’data:label.isLast != "true"’>
</b:if>
<script expr:src=’"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"’ type=’text/javascript’/></b:loop>
<script type=’text/javascript’>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</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=’https://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.
Please give me the codes for your beautiful newer and older pager buttons.Its so nice..Email me to [email protected] 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…
Does the linked within work
yes
great post..finally i solvemy problem..thanks for sharing
Thanks 🙂
Can i use this in my default google template?
How To Add Related Posts Widget To Blogger
Thanks. It's awesome ,it is realy helpful, I appreciate it!
Searchinfomedia
thanks a lot finally i solvemy problem. http://trangsucvaphongthuy.blogspot.com
Great Post for Blogger Design
Thanks
“Thanks for good work and u also like Search Engine Optimization (SEO) 100% Free all the best take care” .
How to Design Page Flip for Blog Post..!
Nyc SEO
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
not working i my blog 🙁
http://way2cplusplus.blogspot.in
I saw your content looking very nice .Very useful Keep posting . My blog is http://givemetricks.blogspot.in/
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
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
How can I resize the thumbnail picture? I'd like to make it a bit bigger. Maybe like 100px
Thanks for your great article post and useful information. This post solve my problem.
Best Regards,
seowelcome
see this post Related Posts Widget for Blogger with Images
working fine for my blog
check out here>http://jasharycellshop.blogspot.com/
thnx it worked
eastern-india-yellow-pages.blogspot.in
Wasted My time for searching the widget I loved most . =D7 ^#(^
Such a nice post…its very useful..Thanks a lot for sharing with us….:-bd….=D7
thanks for such nice Article
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: [email protected]
Your Full Details:
Full Name. . .. . .. . .. . .. . .
Loan Amount Needed. . …
Loan Duration. . .. . .. . .. . .
Phone Number. . .. . .. . ..
Applied before. . .. . .. . ..
Country. . .. . .
Email Us: [email protected]
Agen Bola
Agen SBOBET
Agen Judi
Bonus
Prediksi Bola Jitu
Pendaftaran
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
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.
mine didnt work
Accounting Blog
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: [email protected]
Rudhramadevi Movie Review Rating