ब्लॉग पर रिलेटेड पोस्ट दिखाएँ Blog par Related Posts Widget lagayen
ब्लॉगर के ब्लॉग पर रिलेटेड पोस्ट विजेट जोड़ें। Add Related Posts Widget to Bloggers Blog. Blogger ke Blog par Related Posts Widget lagayen. Widget to Bloggers Blog for Related Posts. अपने ब्लॉग पर रिलेटेड पोस्ट इस प्रकार दिखाएँ. ब्लॉग में रिलेटेड पोस्ट कैसे दिखाएँ? ऐसे बनाइये अपने ब्लॉग या वेबसाइट का रिलेटेड पोस्ट विजेट.नमस्ते पाठकों, इस लेख में हम आपको अपने ब्लॉगर ब्लॉग में एक रिलेटेड पोस्ट विजेट जोड़ने के बारे में बताएँगे। रिलेटेड पोस्ट विजेट किसी भी वेबसाइट या ब्लॉग के लिए बहुत महत्वपूर्ण है इससे ब्लॉग के पेजव्युव्ज बढ़ते है। इसलिए रिलेटेड पोस्ट विजेट हमेशा किसी भी ब्लॉग या वेबसाइट के लिए एक बहुत अच्छा प्रभाव देता है।
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 == "item"'>
<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="http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg";
var maxresults=5;
var splittercolor="#DDDDDD";
var relatedpoststitle="Related Posts";
</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-->
Step 4. अब <div class='post-footer'> खोजें।
Step 5. नीचे दिया कोड कॉपी करके <div class='post-footer'> के बाद पेस्ट करें।
<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</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='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-->
ध्यान दें:-
- डिफ़ॉल्ट चित्र बदलने के लिए, अपने खुद के यूआरएल के साथ नीले रंग के यूआरएल को बदल दें।
- 6 से अधिक पद प्रदर्शित करने के लिए, 6 की जगह ज्यादा संख्यां लिखें।
- यदि आप रिलेटेड पोस्ट होमपेज पर भी प्रदर्शित करना चाहते हैं तो लाल रंग के कोड को मिटा दें।
- टेम्पलेट सेव करें।
Thanks for reading...
Tags: ब्लॉगर के ब्लॉग पर रिलेटेड पोस्ट विजेट जोड़ें। Add Related Posts Widget to Bloggers Blog. Blogger ke Blog par Related Posts Widget lagayen. Widget to Bloggers Blog for Related Posts. अपने ब्लॉग पर रिलेटेड पोस्ट इस प्रकार दिखाएँ. ब्लॉग में रिलेटेड पोस्ट कैसे दिखाएँ? ऐसे बनाइये अपने ब्लॉग या वेबसाइट का रिलेटेड पोस्ट विजेट.
