ब्लॉगर के लिए संबंधित पोस्ट विजेट(सभी टेमप्लेट में प्रभावी )

मनोज जैसवाल : सभी पाठको को मेरा प्यार भरा नमस्कार।तकनीकी पोस्टो के क्रम में आज पेश है,ब्लॉगर के लिए संबंधित पोस्ट विजेट(सभी टेमप्लेट में प्रभावी )मेरी  पेश है रिलेटेड पोस्ट विजेट में यह विजेट आप को दिया गया था लेकिन उक्त विजेट कुछ टेमप्लेट में इसकी काम ना करने की बात सामने आई लेकिन प्रतुत विजेट में इसे सुधार किया गया है.बहरहाल यह विजेट सारे दोषों से मुक्त है. उचित मार्गदर्शन के साथ, यह संबंधित पोस्ट सभी के लिए काम करता है.आप इस का लाइव डेमों यहाँ देख सकते हैं

इस विजेट को जोड़ने के लिए, बस इन चरणों का पालन करें:

• ब्लॉगर पर टेम्पलेट टैब पर जाएँ और HTML संपादित करें पर क्लिक करें.
• आगे बढ़ें बटन पर क्लिक करें.
• विजेट टेम्पलेट्स विस्तार बॉक्स पर टिक निशान डाल दें .
• इस कोड का पता लगाएं   [ press ctrl+f] </head>
• </head>  ठीक नीचे यह कोड पेस्ट करें:

<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
background: #ffffff;
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
background: #ffffff;
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
background: #ffffff;
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#383838;
}
#related-posts a:hover{
color:green;
}
#related-posts ul{
list-style-type:none;
background: #ffffff;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY6UchfWIBtjr8vxsR_ouBkOokVuP4JYxYaaVwq7jk0nw36edLQGWv5IXB9NxMruJ1VL2VNO0Ix6nt7zRX57tnZBkiA6CaoutCJdULE2-bvZ5T7wMz-H25etoOEpxFfebYZAareScvZS8/s400/255.gif) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 3px;
padding-left: 30px;
padding-top:0px;}
</style>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='https://dl.dropbox.com/u/37128917/js/related_posts.js' type='text/javascript'/>
<!--Remove--></b:if>
<!--Related Posts Scripts and Styles End-->

• इस कोड का पता लगाएं   [ press ctrl+f] <div Class='post-footer-line post-footer-line-1'> 
•  इस कोड को खोजने के बाद:
• ऊपर दिए गए कोड  के ठीक  नीचे, नीचे दिए गए कोड चिपकाएँ:

<!-- Related Posts 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> <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&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div> <!--Remove--></b:if> <!-- Related Posts Code End-->

• आप  परिणामों की अधिकतम संख्या को बदल सकते हैं   maxresults=5 to  maxresults=9