BloggingHindi - Blogging Aur Internet Ki Sabhi Jankari

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

Blog Post Ke Niche Related Post Widget Kaise Add Kare

Last Updated on January 5, 2021 by Md Arshad Noor 11 Comments

अगर आप चाहते हो की आपके 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 जरूर करें।

You May Also Like

  • [Manually] Blog Ki CSS Ko Compress Karke Loading Speed Fast Kare

    [Manually] Blog Ki CSS Ko Compress Karke Loading Speed Fast Kare

  • Blog Post Copy Hone Par Copyright Post Me Automatic Apne Blog Ki Link Add Kare

  • Blogspot Blog Me Fancy Author Box kaise Lagaye

    Blogspot Blog Me Fancy Author Box kaise Lagaye

  • Blog Post Ko Multi Pages Me Break Kaise Kare – Full Guide

    Blog Post Ko Multi Pages Me Break Kaise Kare – Full Guide

About Md Arshad Noor

हेलो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में इस ब्लॉग में रेगुलर नई नई आर्टिकल्स लिखता हूँ. यहाँ पर हम ज्यादातर Blogging, Make Money, SEO, WordPress आदि से सम्बंधित Article मिलेगी. आपको हमारी लेख पसंद आती है तो इसे सोशल मीडिया में शेयर करें। अगर आपको कोई सहायता चाहिए तो कमेंट कीजिए।

COMMENTs ( 11 )

  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
  5. Manish says

    Mujhe Popular post and post ke niche auther box lagana hai wordpress me generatepress theme use karta hu

    Reply
    • Md Arshad Noor says

      Search on google for “how to add author box in generatepress” jo top par ayega usko follow karna.

      Reply
  6. Pranchu says

    Theme save nhi hota h sir . Error aa jata h . Aur error hatane me save hota h but Related post show nhi hote. Please help

    Reply
  7. mohan says

    भाई ये कोड मुझे नहीं मिल रहा है

    Reply

Leave a Reply Cancel reply

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

Please do not spam! otherwise your comment will be removed.

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

Get it on Google Play

Useful Articles

Khush Nahi Rahne Wale Logo Ki 5 Buri Aadte

Revenue Hits kya hai aur isme Account kaise banaye

Blogspot Blog me Country Specific Redirect Disable kaise Kare

Spam Mail Sender Se Unsubscribe Karke Spam Mail Se Kaise Bache

Google Me Search Karne Ke Top 10 Tips & Trick – [Get Right Results Fast]

Google Search Results Me Blog Ke Sabhi Posts Me Star Rating Kaise Dikhaye

Blog Homepage Me Only Post Title Kaise Dikhaye

Blogging me fail hone ka 10 sabse Bada Karan

Social Media se More Traffic Pane ke Liye 10 Important Tips

Quora Se Blog Ki Traffic Kaise Badhaye? 5 Tips

Blog Post me Keyboard key kaise lagaye

YouTube Se PR9 Dofollow Backlink Kaise Receive Kare

Blog Post Copy Hone Par Copyright Post Me Automatic Apne Blog Ki Link Add Kare

About Us

mdarshadnoorहेल्लो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में अररिया, बिहार का रहने वाला हूँ. मुझे नयी चीजें सीखना-सिखाना बहुत पसंद है. में पिछले 5 सालों से ब्लॉगिंग के फील्ड में हूँ. इस ब्लॉग में आपको ब्लॉगिंग और इन्टरनेट से सम्बन्धित जानकारी मिलेगी.

SUBSCRIBE OUR NEWSLATTER

हमारे ब्लॉग के रेगुलर विजिटर हो तो अभी Subscribe कर लीजिए ताकि आप हमारे नए पोस्ट को सबसे पहले पढ़ पाएँ!

Posts for WP Users:

WordPress Security Ke Liye Site Me Two Step Authentication Ko Enable Kaise Kare

Cornerstone Content Kya Hai? Cornerstone Content Kaise Likhte Hai?

WordPress Blog Post URL Ke Last Me .html Kaise Add Kare Aur Q Kare

WordPress Blog Manage Karne Ke Liye 40+ ShortCut Keys – For Fast Bloggers

Directory Browsing Kya Hota Hai-Isko Disable Karne Ke 2 Tarike

More Posts from this Category

Recommended For You

Adsense Best Ad Network Kyo Hai? 8 Karan [Beginner Guide]

CDN Kya hai Kyo Use kare 8 Fayde

Mockup Image Kya Hai Aur Mockup Image Banane Ke Liye 5 Websites

JetPack By WordPress Plugin Ke Pros and Cons

Successful Internet Marketers Ke 10 Qualities [You Should know]

Hacking क्या है? Hacker क्या होते हैं? हैकिंग और हैकर कितने प्रकार के होते हैं?

WordPress Theme Change Karne Se Pahle 10 jaruri Kaam Kare

Apke Blog Me 6 Chije Jo Visitors Ko Hurt Karte Hai

Blog Me Font Awesome Icons Ko Use & Design Kaise Kare 

Copyright © 2020 - All rights reserved.AboutContactSitemapDisclaimer