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

About Jumedeen Khan

I am a professional blogger, SEO strategist, and the founder of this website. With over 10 years of experience, I help bloggers and creators grow online and build successful, profitable online businesses.

I need help with ...