Add Most Recent Comment Widget With Awesome Look for Blogger

Friends After many days we are sharing popular tips for people on my website. Yes yes This is necessary for every website user. Today's post we are discussing Add Most Recent Comment Widget With Awesome Look for Blogger .

If you have a site. On which you write new articles everyday Anyone else reads this article and feels good about it. To say that, they comment in your site in the same content Many people like to comment on a lot of posts, you know this.

Now read what I am going to say carefully and read it carefully. Look brother Only you know that many people comment in your site. But your visitor does not know this thing. So, to show that you help everyone. Everyone asks you the question. And you answer their every question. Your blog is professional. So It needs a widget to appear.

Stylish Recent Comments Widget with Avatar (Thumbnails) for Blogger

• comments html code for blogger
 - is that display most commented or most discussed posts in a list. If any post get highest number of comments then it will get First(Top). The principle is similar to the popular posts widget that gave rise to top list of posts with the most Trending. 👈👀

• 👉 showing How many comments have happened on your posts after adding this widget to your blog? And which of your articles is popular will be able to see your readers.

The method of applying it is very easy. And I always try to give you the best tips. And that's the job. Now let us give you complete information about adding it. So that everyone can benefit from it.....

How To Add Stylish Recent Comment Widget In Blogger

✓ First You visit blogger.com

✓ Now Click The layout option.

✓ > Add A Gadget >> HTML / JAVASCRIPT

✓ Now copy the full code given below. And paste it inside the box. blogger comment box code
👇

<style>
.commentbubble {
background: #FC4E4E;
width: 49px;
float: left;
margin: 2px 20px 35px 0px;
font-weight: bold;
font-size: 1.3em;
text-align: right;
padding: 5px;
text-align: right;
color: #FFF;
position: relative;
top: 5px; }

.commentbubble:after{
position:absolute;
font-family: FontAwesome;
content: "\f04b";
color: rgb(252, 78, 78); }
</style>

<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ul style="list-style:none; ">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = + feed.value.items[i].commentcount;
var pList = '<li style="clear:both; border: 1px solid rgb(216, 216, 216);padding: 6px; line-height:2em; "> <div class="commentbubble">' +pComment +  "&#160;&#160;</div>" +  "<a href="+ href + '" target="_blank">' + pTitle ;
document.write(pList);
//to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.gourabdesign.blogspot.com
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>

Please Note - 

[ http://gourabdesign.blogspot.com] replace your blog url ✍️

[ ShowHowMany=6] is the Number Of Your Post....

So friends enjoy now. I hope you all liked this content. If someone benefits from it, then Share in social media. So that everyone can get help.