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 करते हैं।
- अगर आप blog की post में social share button लगाना चाहते हो तो यहाँ click कीजिए
- Blogger में Facebook Popup Like Box Widget कैसे Add करें
Blogger में Recent Comments ) Widget कैसे Add करें?
- Lauout पर click कीजिए।
- Add a Gadget पर click कीजिए।
अब ये 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 लिखे।
- यहाँ पर code paste कर दीजिए।
- Save पर click कीजिए।
- अब save Template पर click कीजिए।
अब आपके blog में recent comments की widget add हो चुकी है अब एक बार check कर लीजिए अगर आपको कही पर कोई problem आये तो comment कर के पूछ सकते हैं। आप मुझसे blogger के बारे में कुछ भी पूछ सकते हैं।
- Blogger कि Post में Google+ Comment Enable कैसे करें?
- Online पैसे कैसे कमाए: Internet से पैसे कमाने के 20 तरीके?
- Blog की Traffic बढ़ाने की Tips & Tricks
मुझे उम्मीद है आपको ये post पसंद जरुर आई होगी अगर आई है तो इस post को social media पर share जरुर करना।