Ads By Google info
webdesign-android-devlopement-news-portal-designing-india-indore-bhopal-mp

Related Post Widget Plugin For Blogger Blog

Posted : | Posted By: Piush Trivedi | Labels: , , 4 Comments
Posted by: Piush



Pin It


ब्लॉग पर realeted post विडजेट लगाये . realeted post विडजेट का ब्लॉग पर उपयोग सम्बंधित पोस्ट या label से जुडी अन्य पोस्ट को दर्शाने तक ही सीमित नहीं है. बल्कि यह विडजेट तकनीकी कारणों से भी ब्लॉग हेतु बेहत उपयोगी है जिनमे कुछ ख़ास कारण Blog traffic , alexa rank , और ऐसे ही कुछ कारण.


इस realeted post विडजेट को अपने ब्लॉग पर लगाये मिनटों में नीचे पक्रिया देखे .

  • अपने ब्लॉगर खाते में प्रवेश करे .
  • Layout >>Edit HTML पर जाए
  • यहाँ Expand Widget Templates checkbox. पर क्लिक करे
  • अब ]]></b:skin> कोड ढूंढे
अब नीचे दिया गया पूरा कोड ]]></b:skin> के पहले यथावत डाल डे.
<!--RelatedPostsStarts-->
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
list-style:none;
}
#related-posts ul li {
background: transparent url(http://3.bp.blogspot.com/_7wsQzULWIwo/SuM3oFg5zlI/AAAAAAAACHo/n5UluB5ugMI/s400/255.gif) no-repeat scroll 0px 4px;
margin: 0.3em 0;
padding: 0 0 0.8em 20px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

#related-posts ul li:hover{
background: transparent url(http://2.bp.blogspot.com/_7wsQzULWIwo/SuM3oYoTkRI/AAAAAAAACHw/Dig1etGrcpY/s400/251.gif) no-repeat scroll 0px 4px;
}

</style>
<script language='JavaScript'>
//<![CDATA[
var relatedTitles = new Arrayundefined);
var relatedTitlesNum = 0;
var relatedUrls = new Arrayundefined);
function related_results_labelsundefinedjson) {
for undefinedvar i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for undefinedvar k = 0; k < entry.link.length; k++) {
if undefinedentry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicatesundefined) {
var tmp = new Arrayundefined0);
var tmp2 = new Arrayundefined0);
forundefinedvar i = 0; i < relatedUrls.length; i++) {
ifundefined!containsundefinedtmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function containsundefineda, e) {
forundefinedvar j = 0; j < a.length; j++) if undefineda[j]==e) return true;
return false;
}
function printRelatedLabelsundefined) {
var r = Math.floorundefinedundefinedrelatedTitles.length - 1) * Math.randomundefined));
var i = 0;
document.writeundefined'<ul>');
while undefinedi < relatedTitles.length && i < 20) {
document.writeundefined'<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if undefinedr < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.writeundefined'</ul>');
}
//]]>
</script>
<!--RelatedPostsStops-->

  • अब अपनी ब्लॉग templete में <div class='post-footer'> कोड तलाशे
  • इस कोड के ठीक नीचे यह कोड डाल दे
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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=9&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicatesundefined); printRelatedLabelsundefined);
</script>
</div>


परिवर्तन सेव करे :)

कोड का लाइव डेमो नीचे Related Posts पर देखे


Do you Like this Article?

rss twitter facebook
Get Subscribe to Free Email Updates!!
*Your email address will not be shared with anyone.

Post A Comment Blogger Disqus

4 comments:

  1. बहुत ही काम की जानकारी और कमाल का विजेट एक बार फ़िर से । आपको बहुत बहुत शुक्रिया

    ReplyDelete
  2. क्या इसे एक विजेट के रूप में पेश किया जा सकता है | यदि हां तो कृपया हल बताएं | धन्यवाद

    ReplyDelete
  3. Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
    XML error message: The element type "b:skin" must be terminated by the matching end-tag "".
    Error 500

    आपका ये कोड आपके बताये अनुसार मैंने इसे अपने ब्लॉग के टेम्पलेट में प्रयोग किया है | तो ये उपरोक्त मेसेज दे रहा है | इस का समाधान सभी के लिए प्रस्तुत करें

    ReplyDelete
  4. sirji comment ke liye shukriya post me diya gaya code bilkul thik hai , aapse nivedan hai ki aapko aaney wali Error 500 ke liye kripaya nichey link par click kar bataya lekh avashya padhey..


    http://www.blogdoctor.me/2007/01/error-messages-in-new-blogger-templates.html

    @Vaneet Nagpal

    ReplyDelete

Post A Comment

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer
और दिखाए


लेख पर अपनी प्रतिक्रिया अवश्य दे..
ध्यान दे !!:-
• हिंदी में प्रतिक्रिया देने के लिए यहाँ क्लिक करे
• टिप्पणी में Html Code डाला जा सकता है
• टिप्पणी में Image डालने के लिए [im]Your Image Link [/im] कोड का उपयोग करे
• टिप्पणी में Youtube Video डालने के लिए [youtube]Youtube Video Link [/youtube] कोड का उपयोग करे
• टिप्पणी में Smiley's का उपयोग करने के लिए ऊपर बताये गए कोड को डाले
• टिप्पणी प्रकाशन में कोई परेशानी है तो यहां क्लिक करें..
Regards, Hindi4Tech


Top Commen tor Ask A Question Follow