• About Us
  • Contact Us
  • Blogging
  • WordPress
  • SEO

Blogging Aur Internet Ki Sabhi Jankari

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 मिलेगा।

Blog ki post ke niche related post widget kaise add kare How to add Related posts widget below the post

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:

  1. अब Template पर click करें.
  2. 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 ==

&quot;item&quot;'>

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

&quot;item&quot;'>

    <div id='related-posts'>

        <b:loop values='data:post.labels' var='label'>

            <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_thumbs&amp;max-results=6&quot;'

type='text/javascript'/></b:if></b:loop>

        <script type='text/javascript'>

            var currentposturl=&quot;<data:post.url/

>&quot;;

            var maxresults=6;

            var relatedpoststitle=&quot;<b>Related

Posts:</b>&quot;;

            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 this

TwitterFacebookGoogle+Email

RELATED TO THIS TOPIC

  • Blogger Blog Se Powered By Blogger Attribution Ko Kaise Remove Kare
  • Blogger Me Syntax Highlighter Add Karke Post Me Code Kaise Dikhaye
  • Blogger Me Multiple Authors Ko Kaise Add Kare
  • Blogspot Blog Me Fancy Author Box kaise Lagaye
  • Blogspot Blog me Error 404 Not Found Ko Custom Redirect Kaise Kare
  • Blog Post Ko Multi Pages Me Break Kaise Kare – Full Guide
  • Blog Post Copy Hone Par Copyright Post Me Automatic Apne Blog Ki Link Add Kare
  • Blog Me Post Schedule Kyu Aur Kaise Kare
  • Bloggers Ke Liye 50 Important Tips & Tricks [Hindi]
  • Blogspot Blog Me Favicon Kaise Change Kare. 2 Methods
Article by Md Arshad Noor
हेलो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में इस ब्लॉग में रेगुलर नई नई आर्टिकल्स लिखता हूँ. यहाँ पर हम ज्यादातर Blogging, Make Money, SEO, WordPress आदि से सम्बंधित Article मिलेगी. आपको हमारी लेख पसंद आती है तो इसे सोशल मीडिया में शेयर करें। अगर आपको कोई सहायता चाहिए तो कमेंट कीजिए।
My All Posts

COMMENTs ( 7 )

  1. कविता वर्मा says

    बहुत ही बढ़िया जानकारी के लिए धन्यवाद

    Reply
  2. Ajay says

    Bhayi aap ek baar meri website check kijiye or bataiye ki mughe kya-kya karna chahiye

    Reply
    • Md Arshad Noor says

      Hi Ajay,
      Apke site ki loading thodi slow hai. So aap koi simple theme use karo.

      Reply
  3. Vandna Namdeo says

    Nice article sir thank you fir sharing..
    Kya main apke blog pr Guest Post likh sakti hu

    Reply
    • Md Arshad Noor says

      Why not dear. Aap Guest PostPage me guidelines padh kar bhej sakte ho.

      Reply
  4. Choudhary Nikhil Gurjar says

    bhai aapka code copy nhi ho rha hai.

    Reply
    • Md Arshad Noor says

      Check now!

      Reply
Read Previous
Read Next

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Join Newsletter

Subscirbe

Subscribe to this blog so keep yourself updated with latest blogging tips, news and updates.

Popular Entries

YouTube Me 8 Type ke Video Se Paise Nahi Kama Sakte Hai

My First Blogging Income Report : Get 100% Motivation from It

10 Mistake Jo Blog Ki Traffic Decrease Kar Deta Hai

Genesis Theme Ko Manually Customize & Design Karne Ki Full Guide

Facebook Se Dofollow Backlink Kaise Banaye [Get High Quality Backlink]

You May Like:

5 Reasons! Apka YouTube Video Earning Nahi Kar Rahi Hai

Feedburner Me Email Subscription Activate Kaise Kare

Blogger Me Multiple Authors Ko Kaise Add Kare

WordPress Theme Select Karne Se Pahle 8 Chize Consider Kare

Without PIN Adsense PIN Verify Kaise Kare [Full Guide]

ABOUT AUTHOR

About Md Arshad Noor

Hello Everybody!
मेरा नाम अरशद नूर है और में अररिया, बिहार में रहता हूँ. इस ब्लॉग को मैने 8 May 2016 को बनाया था. इसका यही उद्देश्य है कि आप सभी को ब्लॉगिंग और इंटरनेट से संबंधित सभी जानकारी देना. हैम इसमे पूरी कोशिश और मेहनत करते रहेंगे. आप भी हमें support करते रहें। आप हमें admin[at]blogginghindi.com पर contact कर सकते हैं।

SUBSCRIBE

Recent Entries

  • 10 Mistake Jo Blog Ki Traffic Decrease Kar Deta Hai
  • Samay (Time) Se Related 50+ Quotes and Thoughts
  • Mahatma Gandhi Ji Ke 200+ Quotes And Thoughts (Anmol Vichar)
  • Google Plus Profile Me Custom URL Setup Kaise Kare
  • Khush Nahi Rahne Wale Logo Ki 5 Buri Aadte

Copyright ©2016 - 2018Contact About Privacy Policy Sitemap