إضافة أداة آخر التعليقات مع صور مصغرة

جئت لكم اليوم بأداة آخر التعليقات في المدونة ولكن ما يميز هذه الأداة عن غيرها هو أنها تظهر بجانب التعليق صورة مصغرة الخاصة بصاحب التعليق بشكل جميل.

طريقة التركيب :

 توجه إلى التخطيط ثم إضافة أداة ثم   html /javascript   وبعد ذلك انسخ الكود التالي في الأداة :

<style type="text/css">    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}    .w2b_recent_comments 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;}    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}    .w2b_recent_comments 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  = 4, showAvatar  = true, avatarSize  = 60, roundAvatar = true, characters  = 60, showMorelink = false, moreLinktext = "للمزيد", defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true;//]]></script><script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script><script type="text/javascript" src="http://www.e7tarif.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

ولا تنسى تغيير   src="http://www.e7tarif.com/feeds/comments/default   برابط مدونتك

  ويمكنك التعديل على هذا الكود لتحديد عدد التعليقات التي تريدها أن تظهر    numComments   = 4

منشورة في: إحترف, بلوجر