ब्लॉग पर रिलेटेड पोस्ट दिखाएँ Blog par Related Posts Widget lagayen

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


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


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;http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/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-->

ध्यान दें:  Read More Posts


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

- 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='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 की जगह ज्यादा संख्यां लिखें।

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

Read More Posts

एक टिप्पणी भेजें

© Copyright 2013-2017 - Hindi Blog - ALL RIGHTS RESERVED - POWERED BYBLOGGER.COM