x

Blogspot Blog Par Releted Post Widget Kaise Add Kare


How To Add Releted Post Widget To Blogger Full Tutorial With Picures in Hindi : Blogger Blog ki post ke niche related post ko add karne ke page views increase hote hai aur hamare blog ka bounce rate cum hota hai, jo blog ke seo ke liye bahot important hai.

how to add releted post widget to blogger, blogspot blog par releted post widget kaise add kare, blogger tutorial in hindi, blogspot tutorial in hindi


is post me ham blogger blog me related posts widget ko kaise add karte hai uske bare me detail me janenge.



Blogger Blog Me Releted Post Widget Kaise Add Kare


Step 1 : Sabse pahle apne web browser me Blogger Dashboard open kare.

how to add releted post widget to blogger, blogspot blog par releted post widget kaise add kare, blogger tutorial in hindi, blogspot tutorial in hindi


Step 2 : Ab Left Side Menu me Theme par click kare.

how to add releted post widget to blogger, blogspot blog par releted post widget kaise add kare, blogger tutorial in hindi, blogspot tutorial in hindi



Step 3 : Ab Theme me Edit HTML par click kare.

how to add releted post widget to blogger, blogspot blog par releted post widget kaise add kare, blogger tutorial in hindi, blogspot tutorial in hindi


Step 4 : Ab Template Editor me CTRL + F press karke Search Box me </head> type karke enter press kare.

how to add releted post widget to blogger, blogspot blog par releted post widget kaise add kare, blogger tutorial in hindi, blogspot tutorial in hindi


Step 5 : Ab </head> tag ke upar niche diya gaya html code paste kar de.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts h4{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:2px solid #f2f2f2;object-fit: cover;width:110px;height:100px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }
#related-title {color:#333;text-align:center;text-transform:capitalize;padding: 0px 5px 10px;font-size:12px;width:110px; height: 40px;}
</style>
<script type='text/javascript'>
//<![CDATA[
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.gform_foot.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 thumburl[relatedTitlesNum]='http://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.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(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(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('<h4>'+relatedpoststitle+'</h4>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 4px 10px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div id="related-title">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>
</b:if>


Step 6 : Ab Template Editor me CTRL + F press karke Search Box me <div class='post-footer'> type karke enter press kare.

how to add releted post widget to blogger, blogspot blog par releted post widget kaise add kare, blogger tutorial in hindi, blogspot tutorial in hindi


Step 7 : Ab <div class='post-footer'> ke upar niche diya gaya HTML code enter kare.

<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=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div>

</b:if>

Step 8 : Ab Save Theme par click kare.

how to add releted post widget to blogger, blogspot blog par releted post widget kaise add kare, blogger tutorial in hindi, blogspot tutorial in hindi



Blogspot Blog Par Releted Post Widget Add Kaise Kare is Blogger Tutorial in Hindi ko pura padhne ke liye aapka dhanyawad. Blogspot, Blogging and SEO se related koi bhi question hai to aap niche comment section me puchh sakte hai.

Subscribe Now

Blogging और Seo की बेस्ट टिप्स अपने email इनबॉक्स मे पाने के लिए अपना ईमेल Adress करे Verify

About Us

Pro Blog Hindi India Blog - Blogging, Seo And Make Money Online Sikhe Hindi Me. Get Daily New Tech News, Motivation Story, Life Hackes And Best Eduction Stuf From Pro Blog Hindi. Hamare Bare Me Aur Jankari Ke Liye Click Here.

DMCA.com Protection Status

Topics