how to install line vieve Related Posts Widget or You might also like:Widget without Thumbnail For Blogger manually

Now i’m
going to lell how to install  Related
Posts Widget without Thumbnail For Blogger manually This widge will load
related posts to show below every post in your blog

You can
increase your blog traffic.  & etc

Well, let's go down 

• . Go To Blogger Dashboard >Template >Edit HTML.(before edit backup your template)


•  Now Search (CTRL + F) for this code:</head>


•  Paste the below code just above </head> 

<script type='text/javascript'><br />//<![CDATA[<br />var relatedTitles = new Array();<br />var relatedTitlesNum = 0;<br />var relatedUrls = new Array();<br />function related_results_labels(json) {<br />for(var i = 0; i < json.feed.entry.length; i ++)<br />{<br />var entry = json.feed.entry[i];<br />relatedTitles[relatedTitlesNum]=entry.title.$t;<br />for(var k = 0; k < entry.link.length; k++)<br />{<br />if(entry.link[k].rel == 'alternate')<br />{<br />relatedUrls[relatedTitlesNum]=entry.link[k].href;<br />relatedTitlesNum++;<br />break;<br />}<br />}<br />}<br />}<br />function removeRelatedDuplicates()<br />{<br />var tmp = new Array(0);<br />var tmp2 = new Array(0);<br />for(var i = 0; i < relatedUrls.length; i++)<br />{<br />if(!contains(tmp, relatedUrls[i]))<br />{<br />tmp.length += 1;<br />tmp[tmp.length - 1] = relatedUrls[i];<br />tmp2.length += 1;<br />tmp2[tmp2.length - 1] = relatedTitles[i];<br />}<br />}<br />relatedTitles = tmp2;<br />relatedUrls = tmp;<br />}<br />function contains(a, e) {<br />for(var j = 0; j < a.length; j++) if (a[j]==e) return true;<br />return false;<br />}<br />function printRelatedLabels() {<br />var r = Math.floor((relatedTitles.length - 1) *Math.random());<br />var i = 0;<br />document.write('<ul>');<br />while (i < relatedTitles.length && i < 20) {<br />document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li><br />');<br />if(r < relatedTitles.length - 1)<br />{<br />r++;<br />} else {<br />r = 0;<br />}<br />i++;<br />}<br />document.write('</ul><br />');<br />}<br />//]]><br /></script><br />

• 
  
  Find the following script: 

<b:if cond='data:post.la bels'><data:postLabelsLabel/>
<b:loop values='data:post.labels'
var='label'>
<a expr:href='data:label.url' rel=' tag'><data:label.name/></a><b:if cond='data:label.isLast!
= "true"'>,</b:if>
</b:loop>
</b:if>
</font>

• 
  
  First, try to search for data:post.labels

• 
  
  Replace the above script with the following:  

<b:if cond='data:post.labels'><br /><br /> <data:postLabelsLabel/><br /><br /> <b:loop values='data:post.labels' var='label'><br /><br /> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if><br/><br /><br /><b:if cond='data:blog.pageType == "item"'><br /><br /><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=7"' type='text/javascript'/><br /></b:if><br /> </b:loop><br /> </b:if><br/><br/><br /><b:if cond='data:blog.pageType == "item"'><font color='90F000' size='5'>Related Posts</font><br/><br/><br /><script type='text/javascript'><br />removeRelatedDuplicates();<br />printRelatedLabels();<br /></script><br /><br /></b:if><br /><br />

• Save your template 


• you're done. 
  

Click Here For Get More Blogger Tutorial

 I tried my best to make this tutorial as simple as possible to understand

 If still you face any problem to how to install  Related Posts Widget without Thumbnail For Blogger manually then feel free to ask me. Leave a comment below this post and I'll surely reply to you as soon as possible .

 Thanks!

Browse More Articles

Tweet

Written by Unknown

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.