How To Add Automatically Also Read Widget In Blogger

 

How To Add Automatically Also Read Widget In Blogger

नमस्कार दोस्तो ! आप सभी का   Technical Skills  मे स्वागत है ।Technical Skills Blog  तो आज हम इस ब्लॉग पोस्ट में हम बात करने वाले है How To Add Automatically Also Read Widget In Blogger  के बारे में। की यह Widget क्या है। इसके क्या लाभ है। क्या हमें इसे अपने ब्लॉग में इस्तेमाल करना चाहिए। और कैसे हम इसे अपने ब्लॉगर के ब्लॉग में कैसे इम्प्लीमेंट कर सकते है। तो बने रहिये इस आर्टिकल में ओर जानिए इस How To Add Automatically Also Read Widget In Blogger  के बारे में हिंदी में विस्तार पूर्वक  बात करते हे । तो चलिए हम जानते है।

 

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

 

v Also Read Widget Implement Steps

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

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

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

Step 4-अब आपको इस HTML में </body> Tag सर्च करना है।

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

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

<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>

 

        ।   धन्यवाद ।

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