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

Md Danish Ansari
0
yourpassion.in

नमस्कार दोस्तों उम्मीद है आप सब अच्छे होंगे और अपने ब्लॉग को बेहतर बनाने की और एक कदम और आगे बढ़ चुके होंगे. आज की इस post में हम आपको यह बताने जा रहे है की किस तरह आप अपने blog में recent comments widget add कर सकते है. blogger में widget का option बहुत अच्चा option है, इसकी मदद से आप अपने वेबसाइट का पूरा look change कर सकते है.
इसीलिए हम आप को सुझाव देना चाहते है की आप अपने blog और website में अपनी पसंद की अच्छी से अच्छी widget का उपयोग कीजिए. चलिए जानते है की हम अपने blog में recent comments widget कैसे add कर सकते है.

Blogger Me Recent Comments Widget Kaise Add Kare?

Step : 1

सबसे पहले आपको अपने blog के dashboard में जाना है, उसके बाद आपको Dashboard > layout > Add Widget पर क्लिक करना है. click करते ही आपके सामने एक new pop up window open होगी. उसमे आपको HTML/Javascript पर click करना है, अब आपको निचे box में दिए गए code को copy करना है.
your passion, yourpassion, Blogger Me Recent Comments (With Avtar) Widget Kaise Add Kare, how to add recent comments widget in your blog in hindi


<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix8Zndg7g0vI27F8ZWD6d9yiYt2IbNsS6AopfRc-_IUjgdUaVzxesnVVlFMeX8MSb-w_w2dFxzQ_q0sc0btHHBUXCticXc86PuEnMDnS9o_z1WdB5t2oFPrrPbAwXCrQzC72_YWPGMtf6z/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.yourpassion.in/blogger-me-recent-comments-with-avtar-widget-kaise-add-karte-hai/" rel="nofollow" >Recent Comments Widget</a></div>

Step : 2

अब आपको अपने comments में कितने Comments दिखाना चाहते है वह इसमें add कर दीजिये. जैसे की numcomment = 5, यहाँ हमने code में 5 डाला है, इसका मतलब यह हुआ की हमारे post में चाहे जितने भी कमेंट आये. उसमे से सिर्फ 5 comments ही user को show होंगे. इसी तरह से बाकि चीजे भी आपको code में अपने हिसाब से set कर लेना है जैसे की निचे हम बता रहे है.
  1.  avatarSize  = 60, photo कितनी बड़ी दिखाई जानी है.
  2. characters  = 40, किये गए comments में कितने character show होने चाहिए.

Step : 3

इसके बाद आपको Title में Recent Comments लिखना है, ताकि आपके blog की post पर जब भी कोई visitors आये तो उसे यह मालूम चल जाए. की उसे जो comments अभी show हो रहे है वो सब अभी recently ही किये गए है. उसके बाद आपको content box में copy किये code को paste कर देना है. फिर Save button पर click कीजिए फिर उसके बाद save Theme पर click कर दीजिये.
your passion, yourpassion, Blogger Me Recent Comments (With Avtar) Widget Kaise Add Kare, how to add recent comments widget in your blog in hindi
लीजिये दोस्तों इस तरह से अब आपके blog में recent comments की widget add हो चुकी है. अब आप एक बार अपने blog को check कर लीजिए की आपने जो settings अभी की है वो सही से काम कर रहा है या नहीं. अगर आपको कही पर भी कोई भी problem होती है तो आप इस post के निचे comment कर के हम से पूछ सकते हैं.
उम्मीद है दोस्तों की आपको हमारा यह post पसंद आया होगा और यह आप सबके लिए काफी helpful भी रहा होगा. इसी तरह की और भी informational article और post पढने के लिए आप हमारी वेबसाइट को subscribe भी कर सकते है. इसकी वजह से जब भी हम कोई न्यू post या article अपने website पर publish करेंगे तो आपको इसका notification मिल जायेगा.
अगर आपको यह जानकारी पसंद आई तो हमारा आप सब से अनुरोध है की आप सब अपने दोस्तों के साथ इस post को social media पर जरुर share करें. ताकि ज्यादा से ज्यदा लोग हमारे इस छोटे से हिंदी website के साथ जुड़ कर इससे फायदा ले सके और अपनी ज़िन्दगी में कुछ अच्छा कर सके.
Tags

Post a Comment

0Comments

Post a Comment (0)

#buttons=(Ok, Go it!) #days=(20)

Our website uses cookies to enhance your experience. Check Now
Ok, Go it!