blogger blog me stylish random related post widget kaise add kare

मित्रो आज हम आप लोगो को ब्लागर ब्लाग में स्टाइलिश रैण्डम रिलेटेड पोस्ट विजेट यानि की ब्लाग में आटोमेटिक प्रदर्शित होने वाला रिलटेड पोस्ट कैेसे एड करे ? के बारे में विस्तार पूर्वक जानकारी उपलब्ध करायेगें। दरअसल मित्रो होता क्या है ब्लागर ब्लाग का जो टेम्पलेट होता है वह बिल्कुल सिम्पल होता है। परन्तु ब्लागर ने एक सबसे बडी खास सुविधा हमें मुहैया करा रखा है कि यदि हम चाहे तो अपने हिसाब से ब्लागर टेम्पलेट को एडिट करके उसको स्टाइलिश रंग रूप देकर आकर्षक बना सकते है। ब्लाग के टेम्पलेट को स्टाइलिश बनाने के लिए सबसे महत्वपूर्ण यह होता है कि आपको एचटीएमएल कोड एवं सीएसएस कोड का ज्ञान होना आवश्यक है। यदि आपके पास एचटीएमएल एवं सीएसएस कोड का ज्ञान नही है तो आप अपने ब्लागर के टेम्पलेट को स्टाइलिश रंग रूप नही दे सकते है। फिर ऐसे में आपके पास दूसरा उपाय यह होता है कि आप किसी थर्ड पार्टी से अपने मनपसन्द के टेम्पलेट को खरीद कर एड कर सकते है। जिससे आपका ब्लागर ब्लाग देखने में आकर्षक हो सकता है। परन्तु यदि आपने भूल से भी थर्ड पार्टी के टेम्पलेट का फ्री वर्जन डाउनलोड कर लिया है तो वह आपको कभी भी धोखा दे सकता है। परन्तु अब आपको परेशान होने की आवश्यकता नही ! हां यदि आप थोडा बहुत भी धैर्य पूवर्क स्वंय मेंहनत कर सकते है तो ऐसे में आप ब्लागर को स्टाइलिश रंग रूप आसानी से दे सकते है। और आज हम आपको ब्लागर ब्लाग में स्टाइलिश रैण्डम रिलेटेड पोस्ट विजेट यानि आटोमेटिक प्रदर्शित होने वाला रिलेटेड पोस्ट के बारे में जानकारी उपलब्ध कराने जा रहे है। जिससे आपके ब्लाग का लुक बिल्कुल बदल जायेगा और साथ में स्टाइलिश नजर भी आयेगा।

ब्लागर ब्लाग में स्टाइलिश आटोमेटिक प्रदर्शित होने वाला रिलेटेड पोस्ट विजेट क्यो और कैसे लगाये ?

मित्रो ब्लागर ब्लाग में स्टाइलिश रैण्डम रिलेटेड पोस्ट विजेट यानि की ब्लाग में आटोमेटिक प्रदर्शित होने वाला रिलेटेड पोस्ट विजेट लगाना बहुत ही आसान है। साथ ही आपको स्टाइलिश रैण्डम रिलेटेड पोस्ट विजेट लगाने से आपके ब्लाग का रंग रूप् बेहद आकर्षक हो जाता है । मित्रो स्टाइलिश रैण्डम रिलेटेड पोस्ट विजेट लगाने के सबसे बडा फायदा हमे यह होता है कि जब कोई विजिटर हमारे ब्लाग पर सर्च करके पहुचता है। और वह सर्च किये गये पोस्ट को पढने के बाद तुरन्त वापस चला जाता है। जिससे आपके ब्लाग के ट्रैफिक में इजाफा नही हो पाता जिससे आपका ब्लाग एलेक्सा रैंक में बहुत नीचे रहता है। परन्तु स्टाइलिश रैण्डम रिलेटेड पोस्ट विजेट इस समस्या को दूर कर देता है। आपके ब्लाग में स्टाइलिश रैण्डम रिलेटेड पोस्ट विजेट लगने के बाद। यदि कोई विजिटर आपके ब्लाग पर सर्च के माध्यम से या शेयर किये गये पोस्ट के माध्यम से पहुचता है। तो ऐसे में उसे अपने मनपसन्द पोस्ट को पढने के अलावा और भी आफ्शन उपलब्ध हो जाता है। क्योकि आपका स्टाइलिश रैण्डम रिलेटड पोस्ट विजेट के माध्यम से ब्लाग पोस्ट के नीचे ब्लाग से रिलेटेड कम से कम 06 पोस्ट और प्रदर्शित करता है। यदि विजिटर उनमें से किसी भी पोस्ट पर क्लिक करता है तो वह आटोमेटिक रूप से दूसरे पोस्ट विजेट पर चला जाता है। परन्तु विजिटर जैसे ही किसी दूसरे रिलेटेड पोस्ट पर जाता है। तो ऐसे में उस पोस्ट पर प्रदर्शित होने वाला रैण्डम रिलेटड पोस्ट बदल जाता है। इसी तरह विजिटर जितने भी रिलेटेड पोस्ट पर क्लिक करेगा। अन्य पोस्ट पर प्रदर्शित होने वाला रिलेटड पोस्ट भिन्न-भिन्न तरीके से प्रदर्शित होगा।  ऐसे में ब्लाग पर आया हुआ विजिटर न चाहते हुए भी अन्य पोस्ट को पढने के लिए क्लिक करता रहता है। इससे आपके ब्लाग के ट्रैफिक में काफी इजाफा हो जाता है। यदि आप भी चाहे तो अपने ब्लागर ब्लाग में स्टाइलिश रैण्ड रिलेटेड पोस्ट विजेट यानि की ब्लाग में आटोमेटिक प्रदर्शित होने वाला रिलेटेड पोस्ट विजेट लगा सकते है। 

ब्लागर ब्लाग में स्टाइलिश आटोमेटिक प्रदर्शित होने वाला रिलेटेड पोस्ट विजेट कैसे एड करे  ? 

ब्लागर ब्लाग में स्टाइलिश रिलेटेड पोस्ट विजेट लगाने के लिए आपको दिये गये कुछ दिशा-निर्देश का पालन करना होगा। जिससे आपको ब्लागर ब्लाग में स्टाइलिश रिलेटेड पोस्ट विजेट एड करने में आसानी हो सके। 

स्टेप-संख्या-01

• सबसे पहले आप ब्लागर डेशबोर्ड में लागिंन करे। 
• अब आप Theme पर क्लिक करे। 
• अब आप Customize पर क्लिक करे। 
• अब आप EDIT HTML  पर क्लिक करे इसके बाद एक नया पप अप विंडो ओपन होगा ।

 

नोट-इसके बाद अब आपके सामने सभी कोड ओपेन हो जायेगें। 

स्टेप-संख्या-02

• 01-इसके बाद आप कोड में जितने भी फोल्ड Fold कोड है। उसे आप एक-एक करके उन सभी कोडो को अनफोल्ड unfold कर दे। 

स्टेप-संख्या-03

01-इसके बाद अब आप अपने कम्प्यूट के टाइपिंग पर CTRL+F  दबाकर सर्च बाक्स ओपेन करे। 

02-इसके बाद अब आप सर्च बाक्स में <div class='post-footer'> को सर्च करे। और आप <div class='post-footer'>  के ठीक ऊपर नीचे दिये गये कोड को कापी करके पेस्ट कर दे।  

नोट-यह ध्यान रखे कि यदि आपको सर्च करने के उपरान्त भी <div class='post-footer'>   नही मिलता है। तो आप ऐसे में मैनुअली उसे खोज ले।

आवश्यक नोट- नीचे दिये गये कोड को लगाने से पहले एक बाद अवश्य ध्यान रखे की आपका कोड बिल्कुल इमेज के अनुसार लगना चाहिए। <div class='post-footer'>  के ठीक ऊपर। और </b:if>  से एक लाइन खाली छोड कर लगाना रहता है।

नोट-मित्रो नीचे दिये गये डाउनलोड बाटम पर क्लिक करके स्टाइलिश रैण्डम पोस्ट विजेट के वायरस मुक्त कोड को डाउनलोड बाटम पर क्लिक करके डाउनलोड कर सकते है। क्योकि ब्लाग से कापी किये गये विजेट कोड में अक्सर वायरस आ जाते है। इस लिए अक्सर ब्लाग में दिये गये कोड कार्य नही करते। विजिटर के इसी समस्या को ध्यान में रखकर हमने डाउनलोड के माध्यम से कोड कापी करने व ब्लाग के माध्यम से कोड को कापी करने का आफ्शन दे रख्खा है। 

• [ स्टाइलिश रैण्डम रिलेटेड पोस्ट विजेट- DOWNLOAD HERE ]

<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> .related-post-title{font-size: 2em;padding: 0px 0px 15px;margin: 5px 0px;border-bottom: 1px dotted #000;} #related-posts {margin: 0px 0px 15px 0px;border-bottom: 1px dotted #000;padding-bottom: 10px; } #related-posts a { font-size: 1.2em; color: #525252; text-transform: capitalize; text-decoration: none; line-height: 20px;} #related-posts a:hover { text-decoration: none; color: #06c; } #related-posts ul { list-style-type: none; color: #000000; } #related-posts li { padding: 8px 2px; border-bottom: 1px solid #E2E2E2; clear: both; font-family: Helvetica; font-size: 12px; overflow: auto; border: 1px solid #CCC; margin: 5px 5px 8px 5px; border-radius: 4px; box-shadow: 0px 0px 5px #B6B6B6;background:#FAFAFA;} .image_left{ float: left; margin: 0px 10px 10px 2px; border: 1px solid #fff; padding: 0px; width: 80px; height: 56px; box-shadow: 0px 0px 4px #777; } #related_here{ float:left; width: 49%; padding: 0px; margin:0px; } #related_here2{ float:right; width: 49%; padding: 0px; margin:0px; } .related_all_ul{overflow: auto;} </style> <script type='text/javascript'> //<![CDATA[ function related_results_labels(e){for(var l=0;l<e.feed.entry.length;l++){var t=e.feed.entry[l];relatedTitles[relatedTitlesNum]=t.title.$t;var r=e.feed.entry[l].media$thumbnail.url,a=r.replace("/s72-c/","/s100/");if(e.feed.entry[l].media$thumbnail)var r=e.feed.entry[l].media$thumbnail.url,a=r.replace("/s72-c/","/s100/");else if(null!=e.feed.entry[l].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/))var a=e.feed.entry[l].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/)[1];else var a="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAKM63Ttdfyc4JiQQEpgPTOcDh6qKTSGk6pgt_qM0MDRhZbAnWZswi34N_IkOZih92Y_-lKDV_zSMKf_KWECNhZV59JT59m-UvwqzcRKyD6ue6Mv53HwCCyLFMSYMnlKCiHf5ffEvW4rc/s250-Ic42/no-thumbnail.png";relatedImage[relatedTitlesNum]=a;for(var n=0;n<t.link.length;n++)if("alternate"==t.link[n].rel){relatedUrls[relatedTitlesNum]=t.link[n].href,relatedTitlesNum++;break}}}function removeRelatedDuplicates(){for(var e=new Array(0),l=new Array(0),t=new Array(0),r=0;r<relatedUrls.length;r++)contains(e,relatedUrls[r])||(e.length+=1,e[e.length-1]=relatedUrls[r],l.length+=1,l[l.length-1]=relatedTitles[r],t.length+=1,t[t.length-1]=relatedImage[r]);relatedTitles=l,relatedUrls=e,relatedImage=t}function contains(e,l){for(var t=0;t<e.length;t++)if(e[t]==l)return!0;return!1}function printRelatedLabels(e){for(var l=0;l<relatedUrls.length;l++)relatedUrls[l]==e&&(relatedUrls.splice(l,1),relatedTitles.splice(l,1),relatedImage.splice(l,1));var t=Math.floor((relatedTitles.length-1)*Math.random()),l=0;for(relatedTitles.length>1;l<relatedTitles.length&&20>l&&l<maxposts;)l%2==1?document.getElementById("related_here2").innerHTML+=" <li><img class='image_left' src=\""+relatedImage[t]+'"><a href="'+relatedUrls[t]+'">'+relatedTitles[t]+"</a></li> ":document.getElementById("related_here").innerHTML+=" <li><img class='image_left' src=\""+relatedImage[t]+'"><a href="'+relatedUrls[t]+'">'+relatedTitles[t]+"</a></li> ",t<relatedTitles.length-1?t++:t=0,l++;relatedUrls.splice(0,relatedUrls.length),relatedTitles.splice(0,relatedTitles.length),relatedImage.splice(0,relatedImage.length)}var relatedTitles=new Array,relatedImage=new Array,relatedTitlesNum=0,relatedUrls=new Array; //]]> </script> <div id='related-posts'> <h4 class='related-post-title'> You may also like:</h4> <div class='related_all_ul'> <ul id='related_here'/> <ul id='related_here2'/> </div> <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&max-results=99"' type='text/javascript'/> </b:loop> <script type='text/javascript'> var maxposts=6; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script> </div> <div style='clear: both;'/> </b:if>

नोट-इसके बाद अब आप save बाटम पर क्लिक करके सेव कर ले।

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