Blogger ke Blog par Related Posts Widget lagayen. ब्लॉगर के ब्लॉग पर रिलेटेड पोस्ट विजेट जोड़ें। Add Related Posts Widget to Bloggers Blog.

नमस्ते पाठकों, इस लेख में हम आपको अपने ब्लॉगर ब्लॉग में एक रिलेटेड पोस्ट विजेट जोड़ने के बारे में बताएँगे। रिलेटेड पोस्ट विजेट किसी भी वेबसाइट या ब्लॉग के लिए बहुत महत्वपूर्ण है इससे ब्लॉग के पेजव्युव्ज बढ़ते है। इसलिए रिलेटेड पोस्ट विजेट हमेशा किसी भी ब्लॉग या वेबसाइट के लिए एक बहुत अच्छा प्रभाव देता है।

Blogger / Blogspot के लिए रिलेटेड पोस्ट विजेट जोड़ने का तरीका :-

Step 1. BloggerDashboard >> Template >>Edit HTML पर जाएँ।

Step 2. HTML में </head> खोजें।

Step 3. नीचे दिया कोड कॉपी करके </head> से पहले पेस्ट करें। 

<!--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: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=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhYiJCJKkeLoSluqyDdS46uB1ZKaJ__ysPLFre62sy9cthjmJJMt6HekccUy44a43r3l7Grko3gbgP9XOGDGuXoW7cXTg3EJQZavtGSOYBMtd30nhhTOz7efNfFVeNSf8LPllyZlNgxVrd/s1600/no_image.jpg&quot;; 

var maxresults=5; 

var splittercolor=&quot;#DDDDDD&quot;; 
var relatedpoststitle=&quot;Related Posts&quot;; 
</script> 
<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/> 
<!-- remove --></b:if> 
<!--Related Posts with thumbnails Scripts and Styles End-->

ध्यान दें:
- डिफ़ॉल्ट चित्र बदलने के लिए, अपने खुद के यूआरएल के साथ नीले रंग के यूआरएल को बदल दें।

- 5 से अधिक पद प्रदर्शित करने के लिए, 5 की जगह ज्यादा संख्यां लिखें।

- यदि आप रिलेटेड पोस्ट होमपेज पर भी प्रदर्शित करना चाहते हैं तो लाल रंग के कोड को मिटा दें। 


Step 5. अब <div class='post-footer'> खोजें।

Step 6. नीचे दिया कोड कॉपी करके <div class='post-footer'> के बादपेस्ट करें। 

<!-- Related Posts with Thumbnails Code Start-->

<!-- remove --><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'/>

<!-- remove --></b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>

<a href='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOnkjk9Wx_SsdF3pKcVBpiCEUL2EUaSXGndqQ42zwVIHLGma7zcKJdQO3fwBzvPj-W1hMWLChBAkwG50TgvHgqOrAEeJk_z6fqPqsvCueP-i3RMPsC1LSq3w8Dcdj8WtsjV9__0Bnv70ja/s1600/best+blogger+tips.png'/></a>

</b:if></b:if>

<!-- Related Posts with Thumbnails Code End-->

ध्यान दें:

- 6 से अधिक पद प्रदर्शित करने के लिए, 6 की जगह ज्यादा संख्यां लिखें।

- यदि आप रिलेटेड पोस्ट होमपेज पर भी प्रदर्शित करना चाहते हैं तो लाल रंग के कोड को मिटा दें।

- टेम्पलेट सेव करें।