HOW TO ADD RECENT COMMENT WIDGET BLOG BLOGGER IN HINDI

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.

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.

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/AVvXsEgWUxWEN8wJ6WUjYtW5xLvM6M9jZ5MyknVKJofwfi8ldUnG6UaRKMg45ip2nOGxDBoPMlS94LsM-xRm8tKgeB6lvXeqMfT3QK9XdWw5xjm0gd0KZiVqC9wAwQpqmlxaO2N987mKtcaEqHU0/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.