Related Post Widget Blog Me kaise Add kare

                  Sabhi Blogger chahte hai ki apana blog professional look me dikhai de. acchi design ho. isake liye ham sab naye naye widget blog me add karte hai. aaj ham Simple Related Post Widget blog me kaise add kar sakte hai isaki bat karenge. blog post me Related Post widget show hone se hame kai fayde bhi hote hai. Ye bhi samjenge.

Related Post Widget blogger
Related Post Widget

Related Post Widget kaya hai ?

related ka matlab hota hai Sambandhit ya Milazula bhi kah sakte hai. jab koi Visitor aapke blog ki visit karta hai aur kisi ek post ko click karke padhata hai, tab is post ke end me nichhe ( footer me ) ye related post title aur images ke sath show hoti hai.
Example :
koi visitor Ye post Padh raha hai. ” blog me popup facebook like box kaise add kare ?
ye post ke do labels hai 1. social Site 2 . widget , ab ye post visitor padh raha hai to aapne isi labels / categories ke jitane post blog me publish kiye hai usi me se isake related post ” related Post widget me show honge. agar visitor ko aur koi widget blog me add karna hai to vo aapki dusari post ko related post me se click karke aasani se padh payega. isaka fayada ye hai ki koi bhi visitor jayda time aapke blog pe rukata hai , yani bounce rate achha rahata hai , to aapka blog google me rank ko improve kar payega. traffic badhega. Agar aap blog me related post widget add karna chahte hai to is step ko follow kare.

Also Read : Popular Post Widget Blog me kaise Add kare ?

Blog me related Post Widget kaise add kare. ?

Agar aapne blog ke liye jo template use kaiya hai usame related post widget pahle se add kiya hota to show hota honga. kai bar aisa hota hai ki aapne post / article ke liye labels nahi banaye hote to ye related post show nahi hota hai. isliye sabse pahle check kare le ki aapne post ko labels banaye hai ya nahi ? kai bar aisa bhi hota hai ki HTMl code Editor me galat code add ho jane se ya remove ho jane se bhi template me related post widget hot huye bhi show nahi hota hai. template me related post widget nahi hai to aap is steps se add kar sakte hai. related post widget kai website bhi direct add services provide karti hai lekin iske add link aapko dikhai deti hai.

1. sabse pahale blogger deshboard se template me chale jaye.
2. edit template pe click kare. template ke html code open honge.
3. code me kahi pe click karke Ctrl+F dabaye.
4. search box dikhai dega. isame ” </head> ” likh ke enter kare.
5. Ab is code ko copy kare.

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><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 a:hover{background: #f2f2f2;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;}
#related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;}
#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script type='text/javascript' src='http://blogger-related-posts.googlecode.com/files/jquery.related-posts-widget-2.0.min.js' />
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

6. </head> ke Pahle ye code paste kare.
Note : is code me jab koi post ke liye aapne images nahi dali default image related post me show hogi. Aap ise change karna chahte hait to code me se images ki link ko change kar sakte hai. var maxresults=5; likh hai wo batata hai ki 5 related post show hogi , aap ise bhi change kar akte hai.
7. ab fir se template html code me <div class=’post-footer’> search kare. isake uper niche diye gaye code ko copy kare aur paste kare.

<!-- Related Posts with Thumbnails Code Start-->
<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>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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:if></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><div class='clear'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.hindihelpguru.org'><img alt='Blogger Widgets' src='http://3.bp.blogspot.com/-K65p5zLLKQk/T3ObCINoP7I/AAAAAAAABmI/dF84-alnOu4/s1600/best+blogger+tips.png'/></a>
</b:if>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

8. last me template ko save kare.
ab aapne aasani se Related Post Widget blog me add kar liya hai. blog ko open kare , post ko click kare. dekhle ki Related post show ho rahi hai ya nahi . agar koi problem aaye to hame comment karke bataye.

12 thoughts on “Related Post Widget Blog Me kaise Add kare

  1. Sir please help me abhi tak releted post sow nahi hui hai mere site kya problome hai kripya bataiye please

  2. bro mera naam anshu hai maine apko watsapp me sms kiya tha apne rply nhi kiya apne blog help ke liye banaya hai to plz mujhe help chahiye my whatsapp no. +918931092369 mujhe apne blog me related post aur aap jaisa social sharing boton add karwan hai plz mujhe whatsapp ya cl se rply de plz.

    1. Ansu ji, aap agar blogging me naye hai, aur codeing ke bare me nahi jante hai to. aapke liye best option hai ki aap related post aur comment box wala template blog me add kar le.

    1. blogger aur wordpress me isake liye widget hota hai. add kar dijiye . blogger me template hi related post wala use karo. wordpress me kai pugins hote hai. theme ke sath bhi aata hai.

Leave a Reply

Your email address will not be published. Required fields are marked *