كود المشاركات الاكثر تعليقا

<!-- How to Display Most Commented Posts in Blogger By Afkarpor Start -->
<style>
.stroke .commentbubble {background: none repeat scroll 0 0 #F3650F; border: 1px inset #FFFFFF; border-radius: 0 15px 15px 0; box-shadow: 0 8px 6px -6px #909090; color: #FFFFFF; float: left; font-size: 15px; font-weight: bold; margin-right: 10px; margin-top: 7px; padding: 4px 10px 3px 0; position: relative; text-align: center; width: 40px;}
.stroke .commentbubble:after {border-color: #016E78 #016E78 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 5px 8px; height: 0; left: 6px; position: absolute; top: 29px; width: 0;}
.stroke {background: none repeat scroll 0 0 #FFFFFF;}
.stroke li a {font-family: Georgia,serif; font-size: 17px; font-weight: bold; letter-spacing: 0; margin: 0 -10px 0 0; text-align: justify;}
.stroke li a:hover {color: #F3650F; font-family: Georgia,serif; font-size: 17px; font-weight: bold; letter-spacing: 0; text-align: center;}
</style>

<div class='stroke'>
<b>
<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"> <div class="commentbubble">' +pComment +  "&#160;&#160;</div>" +  "<a href="+ href + '" target="_blank">' + pTitle ;
document.write(pList);
document.write('</a></li>');
}
document.write('</ul>');
}
</script>
</b>

 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.afkarpro.blogspot.com/
 &ShowHowMany=5
 &_id=390e906036f48772b2ed4b5d837af4cd
 &_callback=getYpipePP
 &_render=json"
type="text/javascript"></script>
<span style="font-size: 60%; float:right;"><a href="http://www.afkarpro.blogspot.com/2014/06/How-to-Display-and-Show-Most-Commented-Posts-in-Blogger.html">Make your own</a></span>
<!-- How to Display Most Commented Posts in Blogger By Afkarpor End -->
</div>