Home
» Blog-website-free-ideas-for-beginners
» ब्लॉग पर रिलेटेड पोस्ट दिखाएँ Blog par Related Posts Widget lagayen
ब्लॉग पर रिलेटेड पोस्ट दिखाएँ 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5RumcaiHmqozXutJEpNhkFpMZoTDD246Lk2k0V_Gquc4AmYNj8GgzHvUDeoVwuxtU9WRDTU8YVypA9hGhTGX8eFSbQMGo23ZD-f3IKpXRnUxGQiYLvsS7iDsDVcs2tb1UT3AdRH6_pmm9/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 h ref='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX2TDTO5MIShAY4qjbIehv0map6H8tMtCrYIKkP4lDl3iz2lgk6C7pZ3_rq27QTP13ygFI0NlZosU7PhZoW18S-F6OO785920Ucn7kmZTUBZzrnhf8THJNrNMixDk4S3zV-ZR9qN69gRFt/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. अपने ब्लॉग पर रिलेटेड पोस्ट इस प्रकार दिखाएँ. ब्लॉग में रिलेटेड पोस्ट कैसे दिखाएँ? ऐसे बनाइये अपने ब्लॉग या वेबसाइट का रिलेटेड पोस्ट विजेट.
नमस्ते पाठकों, इस लेख में हम आपको अपने ब्लॉगर ब्लॉग में एक रिलेटेड पोस्ट विजेट जोड़ने के बारे में बताएँगे। रिलेटेड पोस्ट विजेट किसी भी वेबसाइट या ब्लॉग के लिए बहुत महत्वपूर्ण है इससे ब्लॉग के पेजव्युव्ज बढ़ते है। इसलिए रिलेटेड पोस्ट विजेट हमेशा किसी भी ब्लॉग या वेबसाइट के लिए एक बहुत अच्छा प्रभाव देता है।
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5RumcaiHmqozXutJEpNhkFpMZoTDD246Lk2k0V_Gquc4AmYNj8GgzHvUDeoVwuxtU9WRDTU8YVypA9hGhTGX8eFSbQMGo23ZD-f3IKpXRnUxGQiYLvsS7iDsDVcs2tb1UT3AdRH6_pmm9/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 h ref='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX2TDTO5MIShAY4qjbIehv0map6H8tMtCrYIKkP4lDl3iz2lgk6C7pZ3_rq27QTP13ygFI0NlZosU7PhZoW18S-F6OO785920Ucn7kmZTUBZzrnhf8THJNrNMixDk4S3zV-ZR9qN69gRFt/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. अपने ब्लॉग पर रिलेटेड पोस्ट इस प्रकार दिखाएँ. ब्लॉग में रिलेटेड पोस्ट कैसे दिखाएँ? ऐसे बनाइये अपने ब्लॉग या वेबसाइट का रिलेटेड पोस्ट विजेट.
आपके लिए कुछ विशेष लेख
- इंडियन गांव लड़कियों के नंबर की लिस्ट - Ganv ki ladkiyon ke whatsapp mobile number
- सेक्स करने के लिए लड़की चाहिए - Sex karne ke liye sunder ladki chahiye
- Ghar Jamai rishta contact number - घर जमाई लड़का चाहिए
- किन्नर व्हाट्सप्प मोबाइल नंबर फोन चाहिए - Kinner whatsapp mobile phone number
- रण्डी का मोबाइल व्हाट्सअप्प कांटेक्ट नंबर - Randi ka mobile whatsapp number
- नई रिलीज होने वाली फिल्मों की जानकारी और ट्रेलर, new bollywood movie trailer 2018
- कैसे हुई सृष्टि की उत्पत्ति और कब होगा प्रलय Srishti ki utpatti aur parlya kab aur kaise
- धंधे वाली का मोबाइल नंबर चाहिए - Dhandha karne wali ladkiyon ke number chahiye
- सेक्सी वीडियो डाउनलोड कैसे करें - How to download sexy video
- अनाथ मुली विवाह संस्था फोन नंबर चाहिए - Anath aashram ka mobile number
एक टिप्पणी भेजें
प्रिय दोस्त, आपने हमारा पोस्ट पढ़ा इसके लिए हम आपका धन्यवाद करते है. आपको हमारा यह पोस्ट कैसा लगा और आप क्या नया चाहते है इस बारे में कमेंट करके जरुर बताएं. कमेंट बॉक्स में अपने विचार लिखें और Publish बटन को दबाएँ.