How To Add Automatically Also Read Widget In Blogger

नमस्कार दोस्तो ! स्वागत है आपका CJFlare ब्लॉग में।तो आज हमने इस CJFlare Blog में एक नया कैटेगरी बनाया है जिसका नाम है Widgets जी हाँ आपने एकदम सही सुना।मैं आपको बता दूँ की आपको तो ऐसे इस ब्लॉग में ब्लॉगिंग से संबंधित अर्टिकल्स और साथ ही अपडेट और ट्रिक्स की भी अर्टिकल्स मिल जाते है।तो इस Widgets वाले कैटेगरी में मैं ब्लॉगर से संबंधित Widgets के बारे में बताऊंगा।तो आज के इस ब्लॉग पोस्ट में हम बात करने वाले है  Automatically Related Also Read Article Widget के बारे में।की इस Widget का क्या फायदा है।क्या इसे हमे इस्तेमाल करना चाहिए।और इस Widget को कैसे हम अपने ब्लॉगर के ब्लॉग में इम्प्लीमेंट कर सकते है।तो बने रहिये इस आर्टिकल में और जानिए पूरे हिंदी में पूरे विस्तार पूर्वक।

Automatically Related Also Read Widget 

जैसा कि हम सभी को पता है कि जो भी नए ब्लोग्गेर्स है वो सभी ब्लॉगर पर अपना ब्लॉग बनाते है।तो ब्लॉगर वाले ब्लॉग में हम ज्यादा कुछ कस्टमाइज नही कर सकते है।वही अगर ब्लॉग वर्डप्रेस पर है तो हम अपने मन मर्जी से प्लुगिन्स को इंस्टॉल करके ब्लॉग को कस्टमाइज कर सकते है।पर इस अर्टिकल में हम अपने ब्लॉग के अर्टिकल में जो हम Also Read लिख के लिंक देते है।अब हम उसी Also Read Widget को अपने ब्लॉग के अर्टिकल में Automatically ऐड करेंगे।जब आप इस Widget को अपने ब्लॉग में इंस्टॉल कर लेंगे तब आपको अपने अर्टिकल में Also Read लिखने की जरूरत नही पड़ेगी।

Also Read- Add Syntax Highlighter in Blogger

आपके अर्टिकल के सम्बंधित जो भी अर्टिकल होगा वो अपने आप उस अर्टिकल में Also Read Widget के साथ ऐड हो जाएगा।जिससे कि आपका ब्लॉग पोस्ट और भी ज्यादा रांकि करेगा।तो इस Widget को कैसे अपने ब्लॉग में इम्प्लीमेंट करना है।नीचे सभी स्टेप्स दे दिए गए है।उन्हें फॉलो करें और इस Widget का इस्तेमाल करे।

Also Read Widget Implement Steps

Step 1- सबसे पहले आपको अपने ब्लॉगर के डैशबोर्ड में लॉगिन हो जाना है।

Step 2- अब आपको नीचे Box में एक Code मिलेगा।इस कोड को सेलेक्ट करके कॉपी कर ले।

<b:if cond='data:blog.pageType == "item"'> <style type='text/css'> /* related and ads on middle postpage */ #inline_wrapper{display:block;padding:0;margin:0 auto} .related_inline_wrapper{width:100%;display:block;overflow:hidden} .related-post-by-title{margin:20px auto;display:block;position:relative} .related-post-by-title ul{padding:18px 17px 17px 30px;border:2px solid #efefef;border-radius:5px;margin:0} .related-post-by-title h4{border:2px solid #efefef;border-radius:5px;display:inline-block;background:#fff;padding:3px 15px;margin:0;position:absolute;top:-12px;left:40px;font-size:15px;font-weight:700} .related-post-by-title li a{font-size:14px;font-weight:700!important;margin-top:10px!important} .ads_middle{margin:15px auto 0;padding:0;text-align:center;display:block;position:relative;} .ads_middle span{background:#ddd;color:#999;display:none!important;margin:15px 0 0;padding:0 9px!important;float:left;font-size:12px;} @media screen and (max-width:600px){.related-post-by-title{width:100%;}} </style> <script type='text/javascript'> //<![CDATA[ var relatedTitles=new Array();var relatedTitlesNum=0;var postCount=5;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}} function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,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 contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;} function printRelatedLabels(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ul>');while(i<relatedTitles.length&&i<postCount){document.write(' <li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li> ');if(r<relatedTitles.length-1){r++;}else{r=0;} i++;} document.write('</ul> ');document.write();}; //]]> </script> <div class='inline_wrapper' id='inline_wrapper'> <div class='related_inline_wrapper' id='related_inline_wrapper'> <!-- Related posts inline --> <div class='related-post-by-title' id='related-post-by-title'> <h4> Also Read:</h4> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'/> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div> <!-- Related posts inline --> </div> </div> <script type='text/javascript'> function insertAfter(addition,target) {var parent = target.parentNode;if (parent.lastChild == target) {parent.appendChild(addition); } else {parent.insertBefore(addition,target.nextSibling);}} var middleads = document.getElementById('inline_wrapper');var target = document.querySelector('.post-body'); var opsi1 = target.getElementsByTagName('br');if (opsi1.length > 0){insertAfter(middleads,opsi1[3]);} var opsi2 = target.getElementsByTagName('blockquote');if (opsi2.length > 0){insertAfter(middleads,opsi2[0]);} var opsi3 = target.getElementsByTagName('h2');if (opsi3.length > 0){insertAfter(middleads,opsi3[0]);} </script> </b:if>

Step 3- अब आपको अपने ब्लॉगर के डैशबोर्ड में जाकर थीम वाले ऑप्शन पर क्लिक करे।और Edit HTML पर क्लिक करे।

Step 4- अब आपको CTRL+F प्रेस करना है और </body> tag सर्च करना है।

Step 5- अब आपको कॉपी किये Code को </body> tag के ऊपर पेस्ट कर देना है।और सेव बटन पर क्लिक कर देना है।

अब यह Widget आपने ब्लॉग में ऐड हो चुका है।यह Widget ऑटोमेटिकली काम करता है।अगर आपके अर्टिकल के Title के जैसा कोई दूसरा अर्टिकल होगा तो यह अपने आप इस Also Read Box में ऐड हो जाएगा।

अंतिम शब्द:-आपको यह पोस्ट कैसा लगा।नीचे कमेंट करके जरूर बताएं।और इस पोस्ट को अधिक से अधिक शेयर करे।