Blogger Me Recent Comments (With Avtar) Widget Kaise Add Kare

Hello bloggers मैं अपनी पिछली post में बता चूका हूँ की Blog में category widget कैसे Use करते है और आज मैं आपको बताने जा रहा हूँ की अपने blog में recent comments widget add कैसे करते है। Blogger में widget बहुत अच्छा तरीका है अपनी website का look change करने का इसलिए मैं आपसे कहना चाहूँगा की आप भी अपने blog में अपनी पसंद की अच्छी अच्छी widget use कीजिए।चलिए जानते है की blog में recent comments widget कैसे add करते हैं।

recent-comment-widget-for-blogger

Blogger में Recent Comments ) Widget कैसे Add करें?

Step 1
अपने Blogger के dashboard में जाइए।
add a widget
  1. Lauout पर click कीजिए।
  2. Add a Gadget पर click कीजिए।
Step 2
अब एक new popup windows open होगी।
HTML Javascript
1. HTML/Javascrip पर click करें।
Step 3

अब ये code copy कीजिए

<style type="text/css">
ul.helploggercomments{list-style: none;margin: 0;padding: 0;}
.helploggercomments li {background: none !important;margin: 0 0 6px !important;padding: 0 0 6px 0 !important;display: block;clear: both;overflow: hidden;list-style: none;word-break:break-all;}
.helploggercomments li .avatarImage {padding: 3px;
background: #fefefe;-webkit-box-shadow: 0 1px 1px #ccc;-moz-box-shadow: 0 1px 1px #ccc;box-shadow: 0 1px 1px #ccc;float: left;margin: 0 6px 0 0;position: relative;overflow: hidden;}
.avatarRound {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
.helploggercomments li img {padding: 0px;position: relative;overflow: hidden;display: block;}
.helploggercomments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "https://4.bp.blogspot.com/-SRSVCXNxbAc/UrbxxXd06YI/AAAAAAAAFl4/332qncR9pD4/s1600/default-avatar.jpg",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://helplogger.googlecode.com/svn/trunk/helplogger/[helplogger.blogspot.com]recent-comments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=helploggercomments&max-results=5"></script><div style="font-size: 10px; float: right; margin-top: -15px">
Get this <a href="https://www.supportmeindia.com/blogger-me-recent-comments-with-avtar-widget-kaise-add-karte-hai/" rel="nofollow" >Recent Comments Widget</a></div>

1.  numComments  = 5, comment कितनी दिखानी हैं।

2. avatarSize  = 60, photo कितनी बड़ी दिखानी हैं।

3. characters  = 40, कितने शब्द दिखाने है।

step 1: 

Title में Recent Comments लिखे।

paste recent comments code
  1. यहाँ पर code paste कर दीजिए।
  2. Save पर click कीजिए।
  3. अब save Template पर click कीजिए।

अब आपके blog में recent comments की widget add हो चुकी है अब एक बार check कर लीजिए अगर आपको कही पर कोई problem आये तो comment कर के पूछ सकते हैं। आप मुझसे blogger के बारे में कुछ भी पूछ सकते हैं।

मुझे उम्मीद है आपको ये post पसंद जरुर आई होगी अगर आई है तो इस post को social media पर share जरुर करना।

Avatar for Jumedeen Khan

by: Jumedeen Khan

मैं इस ब्लॉग का संस्थापक और एक पेशेवर ब्लॉगर हूं। यहाँ पर मैं नियमित रूप से अपने पाठकों के लिए उपयोगी और मददगार जानकारी शेयर करता हूं। ❤️

Comments ( 36 )

  1. Hello brother please ap mere blog ko check kar ke bata sakte hain ke mere blog main or kis kis chiz ki kami hai. Or articalsain koe problem toh nahi.
    Meri site ye hai.
    Itvillage2016.blogspot.com

    Reply
    • Koi kami nahi hai. All is well

      Reply
  2. Terrific work! This is the kind of info that are supposed to be shared across the internet. Disgrace on the search engines for not positioning this submit upper! Come on over and talk over with my web site . Thank you =)

    Reply
  3. mere blog me layout pr click karne ke baad add a widget wale option hi nahi aa rahe h koi tareeka batao na please

    Reply
    • blog ki template change karo.

      Reply
  4. Bhaiya mere blog me background bahut bara Aa raga hai me kya karu plz…help me me apne blog me basic temple use kar raga hu?

    Reply
    • Aap template change karo

      Reply
  5. Plizz send me your blog template

    Reply
    • Mai mythemeshop ka ribbon template use karta hu. Aap waha se download kar sakte ho.

      Reply
  6. sir maine code ko poora hi copy kiya tha
    maine bilku bahi kiya jaise aapne oopar apni post men bataya ha but phir bhi recent coments
    nahi lag rahi hai
    sirf Recent comments likh kar aa raha jo Title mein dala tha aur kuchh nahi aa raha
    main kya karu pls tell me

    Reply
    • apke blog me agar comment honge tab hi show hone nhi to only recent comment hi likhkar ayega

      Reply
  7. maine jab Recent Comment ke saare instruction ko follow karte huye jab maine apne blog main
    ye code dala to mere blog mein recent commet nhi lagi aisa kyun hua mujhe batao

    aur aapne apne iss code main apne site ka jo ye
    https://www.supportmeindia.com/blogger-me-recent-comments-widget-kaise-add-kare” rel=”nofollow” >Recent Comments Widget
    address dala hai to mujhe apne blog main kay dalna hoga mujhe batao …………..

    Reply
    • code ko pura copy karo or meri post ke link ko remove kar sakte ho.

      Reply
  8. Agar aapko recent comments me avtar image nahi dikhani hai to aap code me avatarSize = 60, me 60 ki jagah 0 kar do, image show nahi hogi

    Reply
  9. jaise aapke blog me aata hai

    Reply
  10. Recent comments widget me agar Avatar nahi dikhana ho to…??

    Reply

Leave a Comment