Blog Post Ke Niche Related Post Widget Kaise Add Kare अगर आप चाहते हो की आपके Blog में ज्यादा से ज्यादा pageviews हो तो इसके लिए आपको अपने blog में Related post का widget Add करना होगा. अगर आपका Blog Blogger में है तो आप इस post को read कीजिए और अपने blog में related post widget add करके try करें. इससे आपको 100% better result मिलेगा।Blogger एक बहुत लोकप्रिय Blogging platform है. अभी इस platform में हजारों blogs हैं. यह platform Google company के द्वारा बनाया गया है तो इसीलिए इसमें आपको SEO की ज्यादा कमी नहीं होती है. अभी के time में बहुत से famous bloggers का blog इसी platform में है. हर blogger चाहता है की उसके blog में ज्यादा से ज्यादा pageviews हो तो इसके लिए वे बहुत से hard work करते है. अगर आपने भी pageviews बढ़ाने के लिए कई तरीके अपनाये है तो एक तरीका और अपना लीजिए की अपने blog में related post widget को add कीजिए और I Sure की इससे आपके blog की pageviews तो increase होगी ही और साथ ही साथ visitors भी इसको like करता है क्योकि उसको post पढ़ने में आसानी होती है। हम आपको जिस widget को blog में add करने के बारे में बता रहे है वो post के just निचे ही show होगा। इसमें post category से related post show होगा जिससे की Visitors की नजर पड़ने के बाद 100% Click के chance होती है. इस widget की सबसे खास बात तो ये है की इसमें सिर्फ post title ही नहीं बल्कि small thumbnail भी show होता है. इसका Design भी बहुत अच्छी तरीके से किया गया है जिससे इसकी looking बहुत गजब और fast loading हैं। अभी के time में Mostly popular blogger अपने blog में related widget को add करते है ताकि उसके visitors को कभी एडजस्ट न करना पड़े। अगर कोई visitor हमारे blog पर visit करता है post पर click करके उसको read करता है और अगर उसको post अच्छा लगता है तो वो हमारे उस post category से related और भी post पढ़ना चाहता है. इसके लिए अगर हमारे blog में related post widget होगा तो visitors को आसानी तो होगी ही और ये SEO के लिए भी better होगा. Related Post widget Blog में कैसे Add करें.तो अब में आपको इस widget को add करने के लिए बता रहा हूँ. इसमें हम आपको कुछ simple steps बतायेगे. में उम्मीद करता हूँ की आप इन सरल चरणों को आसानी से follow कर पाओगे. अगर आपको दिक्कत होगी तो हमें comment करें।Step 1: सबसे पहले Blogger में Login करके Blog Dashboard में जाइए। Step 2:अब Template पर click करें.Edit HTML पर click कीजिए.Step 3: अब </head> को search करें और निचे दिया हुआ code copy कर लीजिए और </head> के just पहले code को paste कर दीजिए। <!--Related Posts with thumbnails Scripts and Styles Start--> <b:if cond='data:blog.pageType == "item"'> <style type='text/css'> #related-posts { float:left; width:auto; } #related-posts h2 { margin-top: 10px; background:none;padding:3px; } #related-posts .related_img { margin:5px; border:4px solid #f2f2f2; width:105px;height:105px; transition:all 300ms ease-in-out; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; } #related-title { color: #222; line-height: 16px; padding: 0 10px; text-align: center; text-shadow: 0 2px 2px #fff; width: 100px; } #related-posts .related_img:hover{ opacity:.7; filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7 } #related-title:hover { text-decoration: underline; } </style> <script type='text/javascript'> //<![CDATA[ imgr=new Array();imgr[0] ="http://2.bp.blogspot.com/-ex3V86fj4dQ/ UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/ s1600/no- thumbnail.png";showRandomImg=true;aBold=true; summaryPost=400;summaryTitle=20;numposts1=1 2;numposts2=4;function removeHtmlTag (strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s [i].substring(s[i].indexOf(">")+1,s[i].length)}} s=s.join("");s=s.substring(0,chop-1);return s} function showrecentposts1(json){j= (showRandomImg)?Math.floor((imgr.length+1) *Math.random()):0;img=new Array();if (numposts2<=json.feed.entry.length) {maxpost=numposts2}else {maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i] ;var posttitle=entry.title.$t;var pcm;var posturl;if (i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k] .rel=='alternate'){posturl=entry.link[k].href;break} }for(var k=0;k<entry.link.length;k++){if(entry.link [k].rel=='replies'&&entry.link[k].type=='text/html') {pcm=entry.link[k].title.split(" ")[0];break}}if ("content"in entry){var postcontent=entry.content.$t}else if ("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if (j>imgr.length-1)j=0;img[i]=imgr[j] ;s=postcontent;a=s.indexOf("<img");b=s.indexOf ("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b +5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12] ;var month2= ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","S ep","Oct","Nov","Dec"];var day=postdate.split("-") [2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m) ==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl +'">'+pcm+' comments</a>';var trtd='<div class="col_maskolis"><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><a href="'+posturl+'"><img class="related_img" src="'+img[i]+'"/></a><div class="clear"></div></ div>';document.write(trtd);j++}}var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array() ;var thumburl=new Array();function related_ results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles [relatedTitlesNum]=entry.title.$t;try{thumburl [relatedTitlesNum]=entry.gform_foot.url}catch (error){s=entry.content.$t;a=s.indexOf("<img") ;b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5) ;d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c! =-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum] ='http://2.bp.blogspot.com/-ex3V86fj4dQ/ UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/ s1600/no-thumbnail.png'}for(var k=0;k<entry.link.length;k++){if(entry.link[k] .rel=='alternate'){relatedUrls[relatedTitlesNum] =entry.link[k].href;relatedTitlesNum++}}}} function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs (tmp,relatedUrls[i])){tmp.length+=1;tmp [tmp.length-1]=relatedUrls[i];tmp2.length +=1;tmp3.length+=1;tmp2[tmp2.length-1] =relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]} } relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3 }function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for (var i=0;i<relatedUrls.length;i++){if((relatedUrls[i] ==currentposturl)||(!(relatedTitles[i]))) {relatedUrls.splice(i,1);relatedTitles.splice(i,1) ;thumburl.splice(i,1);i--}}var r=Math.floor ((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write ('<h2>'+relatedpoststitle+'</h2>');document.write ('<div style="clear: both;"/>');while (i<relatedTitles.length&&i<20&&i<maxresults) {document.write('<a style="text- decoration:none;margin:0 4px 10px 0;float:left;') ;if(i!=0)document.write('"');else document.write ('"');document.write(' href="'+relatedUrls[r] +'"><img class="related_img" src="'+thumburl[r] +'"/><br/><div id="related-title">'+relatedTitles[r] +'</div></a>');if(r<relatedTitles.length-1){r++}else {r=0}i++}document.write('</div>') ;relatedUrls.splice(0,relatedUrls.length) ;thumburl.splice(0,thumburl.length) ;relatedTitles.splice(0,relatedTitles.length)} //]]> </script> </b:if> <!--Related Posts with thumbnails Scripts and Styles End--> Step 4: अब <div class=’post-footer’> को search कीजिए और निचे दिया हुआ code को copy करके <div class=’post-footer’> के निचे paste कर दीजिए। <!-- Related Posts with Thumbnails Code Start--> <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> <b:if cond='data:blog.pageType == "item"'> <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:if></b:loop> <script type='text/javascript'> var currentposturl="<data:post.url/ >"; var maxresults=6; var relatedpoststitle="<b>Related Posts:</b>"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div> </b:if> <!-- Related Posts with Thumbnails Code End-->अब last में template को Save कर दीजिए। I Hope आपको related post की widget add करने में परेशानी नहीं हुई होगी। अगर इस post से सम्बंधित कोई सवाल आपके दिमाग में है तो जरूर बताये और इस post को Social media में share जरूर करें।Share thisTwitterFacebookGoogle+Email RELATED TO THIS TOPICBlogger Blog Se Powered By Blogger Attribution Ko Kaise Remove KareBlogger Me Syntax Highlighter Add Karke Post Me Code Kaise DikhayeBlogger Me Multiple Authors Ko Kaise Add KareBlogspot Blog Me Fancy Author Box kaise LagayeBlogspot Blog me Error 404 Not Found Ko Custom Redirect Kaise KareBlog Post Ko Multi Pages Me Break Kaise Kare – Full GuideBlog Post Copy Hone Par Copyright Post Me Automatic Apne Blog Ki Link Add KareBlog Me Post Schedule Kyu Aur Kaise KareBloggers Ke Liye 50 Important Tips & Tricks [Hindi]Blogspot Blog Me Favicon Kaise Change Kare. 2 Methods
Md Arshad Noor saysHi Ajay, Apke site ki loading thodi slow hai. So aap koi simple theme use karo.Reply
Vandna Namdeo saysNice article sir thank you fir sharing.. Kya main apke blog pr Guest Post likh sakti huReply