ब्लॉगर के लिए ‘सरल सम्बंधित लेख’ विजेट

Easy text version related posts widget for blogger of same labels or tags

सरल सम्बंधित लेख विजेट‘ आपके ब्लॉग पर पोस्ट के नीचे उस लेख से सम्बंधित लेख दिखायेगा। यह आपके ब्लॉग पर पिछली पोस्टों के लेबल को स्कैन करके एक जैसे लेबल वाली पोस्ट दिखायेग। इससे पाठक को आपकी पोस्ट से सम्बंधित अन्य पोस्ट भी मिल जायेंगी। इससे आपके ब्लॉग पर उसकी उपस्थिति का समय बढ़ेगा और आपके ब्लॉग की रैंक सुधरेगी।

‘सरल सम्बंधित लेख विजेट’ आप अपने ब्लॉग पर कैसे लगायें?

यह काम दो सरल चरणों में पूरा हो जाता है।
1. ब्लॉगर इन ड्राफ्ट पर जायें और अपने ब्लॉग का चयन करें
2. उसमें Template से Edit HTML से Proceed और फिर Expand Widget Templates का चयन करें
3. तत्पश्चात CTRL+F विकल्प का प्रयोग करके </head> कोड की खोज करें
4. और ठीक उसके ऊपर यह कोड पेस्ट कर दें

<style>
#related-posts{float:left;margin:0}
#related-posts a{color:#555555; text-decoration:none}
#related-posts a:hover{color:#cc0000; text-decoration:none}
#related-posts ul{border:medium none; margin:10px; padding:0}
#related-posts ul li{display:block; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAKlJREFUOI1jYBgFFANGbIL/F9r8Z3h7k4GBmYeBQdyIgcGshIFRyRKrWrzg/7lF///P8fr/v8vw//97x/8T74KZNv8Znt1kYOCWYWCwK2RgOLGcgYGFlYExZxPxrvh/afP//8vz/v+vNf7//8D8//9TZbC6gAmr5il+/xlW5TMwSBoyMDy8x8DokMjI8O4zVouwGsAgoMHAwKIE0SikBhET1yDa9aOARAAAx8Qz0yMihjkAAAAASUVORK5CYII=) no-repeat bottom left; margin:0; padding:0 0 1px 15px; margin-bottom:5px; line-height:18px; border-bottom:1px dotted #ccc}
</style>
<script src="http://techprevue.googlecode.com/files/related_posts_by_labels.js" type="text/javascript"></script>

5. अब निम्न कोड की खोज करें

<div class='post-footer-line post-footer-line-3'>

या

<div class='post-footer-line post-footer-line-3/'>

6. और ठीक उसके नीचे दिये गये कोड को पेस्ट कर दें

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<h3>अन्य सम्बंधित लेख:</h3>
<b:loop values='data:post.labels' var='label'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>var maxresults=5;removeRelatedDuplicates(); printRelatedLabels();</script>
</div>
</b:if>

7. इसका सजीव उदाहरण देखने के लिए निम्न ब्लॉग देखें
http://anandbakshi.blogspot.com

यदि आप इस विजेट को अपने अनुसार सजाना चाहते हैं तो इसके लिए आप CSS कोड में परिवर्तन कर सकते हैं। सुझाव है कि इस कोड में प्रयोग की गयी जावा स्क्रिप्ट को अपने DropBox के Public फोल्डर में रखें। ताकि भविष्य में कोई त्रुटि न हो। जावा स्क्रिप्ट को आप https://sites.google.com/site/techprevue/home लिंक से डाउनलोड कर लें। इस फाइल का नाम है ‘techprevue_related_posts_widget.js‘ ।

DropBox के प्रयोग के बारे में अधिक जानने के लिए नीचे दिये गये लिंक पर जायें:
https://hindi.techprevue.com/2012/07/25/dropbox-host-javascripts-any-files/