Most Awesome Style of Commented widget for Blogger.

Most Awesome Style of Commented  widget for Blogger. 

It's very helpful and useful and Attractive . Many people request me for nice 

Commented  widget for their Blog Site , so that today I Share Commented  widget, This widgets is Very Nice Commented  widget.

I hope This widgets help to you and you like this Commented  widget. 

Now Follow this instruction :

Step 1:   Now Go to blogger Dashboard  and Click  Layout

Step 2:   Add  new Widget Like   HTML/JavaScript 

Step 3: Now Copy this Below Code and Pasted this Code  on       

                    this  Widget

Step 4: Then save and enjoy yourself .......

<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://kisabuj.blogspot.com &ShowHowMany=6 &_id=390e906036f48772b2ed4b5d837af4cd &_callback=getYpipePP &_render=json" type="text/javascript"></script>

Note: Please Replace http://kisabuj.blogspot.com/ this with your Blog URL