HOW TO ADD RECENT COMMENT WIDGET BLOG BLOGGER - HINDI TUTORIALS 2024

Hello Blogger aaj mai bat kar raha hu Blog me Recent Comment widget kaise add karte hai. or iska kya faida hota add karne se. Jab user aap ki post  me comment karte hai apne problem to search engine me apke blog ko faida  milta hai or visitor comment se bhi blog par aate hai. Iska main kam SEO ke liye hai. Ise apne blog ki traffice ko bada sakte hai.
Actually hum blog me koi bhi post karne ke pahle mai us par kaam khud karta hu or use mujhe faida hasil hota hai to mai aapke sath share karta hu. 

Example. Agar aapke article se related ko comment post karta hai toh post search engine result me aa sakta hai apka comment or aap. organic traffic ke liye comment jaruri hota hai.

Google Adsense Kaise Approved Karaye Best Idea Pade

Blog Me Recent Comment Widget Kaise Add Kare

Step 1. Sabse pahle to aap apne blogger account me jaye Dashboard >> Apne blog ko salect kare jisme recent comment widget use karna chahte hai.

Phir Jaye Layout me.

Read Also

• HOW TO CREATE CREATIVE FACE PHOTO MANIPULATION EFFECT IN HINDI


• PHOTOSHOP CC BASIC SIKHE HINDI ME | फोटोशॉप बेसिक जानकारी सीखे


• HOW TO REMOVE BACKGROUND IN PHOTOSHOP HINDI TUTORIAL | PHOTOSHOP CS3


• Blogger vs WordPress दोनों में कोनसा अच्छा हैं?

Step 2. 

Ab aap click kare add a widget to apke samne ek popup box open hoga to usme se apko select karna hai. "HTML/JavaScript"

<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/AVvXsEhtiUIVvC8zNP1mTf0H9thQquqwB9j74clqQepvtbqh2kTMOupZgORiXDo1L6SKE1xyR5stDFNPGCNWPsX2OmTqrI92DFG0NSU5IlZEictj1VT96JJUkJav7EHs5agu45s1KewwtqwlMkfO/s1600/default-avatar.jpg",

hideCredits = true;

//]]>

</script>

<script type="text/javascript" src="http://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>



Ab apko ye code puri copy karna hai phir  HTML/JavaScrip me Paste kar de . Aap is phot me dekh sakte hai bahut hi simple hai

Note - 

• Agra aap chahe to customize kar sakte hai .

1. Aap Avtaar pic cheng kar sakte uske liye mai code me Read Color Highlight kiya hu use remove kare or koi or avtaar ki image url laga de.


2. Aap Replace kar sakte hai number of comment ko 5 diya hai uske jagah aap apna likh sakte hai jitna so karna chahte ho.


3. Aap che to avatar size bhi 60 ke jaga bada ya kam kar sakte hai.

Ap puri setting karne ke bad Save Kar de. Ab apka successully ho jayega.

Developed By -  Help blogge r- helplogger.blogspot.com

Kaisa Laga Simple or Easy Tutorials  How to add recent comment widget . Agar apko koi bhi problem aati hai is post se related to aap mujhe comment kare or bataye.

Agar ye post acha laga ho to please aap neeche diye gaye  social link par share kare or btaye ki mere post apke liye kitna helpful tha.