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

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

كما يمكنكم مشاهدة الإضافة مباشرة في مدونتي وذلك لأخد فكرة أفضل عن هذه الإضافة.

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

 توجه إلى التخطيط ثم إضافة أداة ثم   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.ency-bl.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script> 

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

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

وإلى هنا أصل إلى نهاية هذا الشرح البسيط وأتمنى أن تعجبكم الإضافة

منشورة في: إضافات بلوجر, إضافات ثانوية