اضافة اداة اخر التعليقات 2013 - شرح اضافة اخر تعليقات مدونات بلوجر بالصور

اضافة اداة اخر التعليقات

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

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

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

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

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

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