اضافة اخر التعاليق مع الصور المعلق في بلوجر

إضافة احدث التعليقات على بلوجر هادي الإضافة اعتقد إن الكل يبحث عنه لأنها إضافة رائعة تقوم على عرض أخر أو احدث التعليقات في المدونة عند إضافة احدث التعاليق على بلوجر  سوف تلاحظ كثرت التعليقات لان كل شخص يريد عرض نفسه في المدونة احدث التعاليق تتميز بشكله وتتمتع باحترافيتها تقوم بعرض صورة كاتب التعليق كماء إن لديها القدرة على عرض أحدث التعليقات المنشورة على بلوجر ويمكنك تغير عدد ظهور المعلقين وهيا فقط تقوم بعرض احدث التعليقات وإنما فائدتها تعمل بإكمال مظهر القالب وتقوم بتحسين منضر مدونتك للزوار.

شرح تركيب احدث التعليقات
الأول : الذهاب إلى  التخطيط
الثاني : إضافة أداة  HTML / JavaScri  
الثالث : ضع الكود التالي:

<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;
font-family: DroidKufi-Bold;
}
    .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: normal;line-height: 1.4;
color: #000;
}
.w2b_recent_comments li a {
text-decoration: none;
font-size: 14px;
color: #000;
}
  @font-face {
font-family: 'DroidKufi-Bold';
font-style: normal;
font-weight: 700;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('x-woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');
}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments     = 4,
    showAvatar     = true,
    avatarSize     = 40,
    roundAvatar    = true,
    characters     = 70,
    showMorelink    = false,
    moreLinktext    = "إقرأ المذيـــد »",
    defaultAvatar     = "http://aaaaa.blogspot.com/-PdMcUhGHXW0/T0AGAi1NuPI/AAAAAAAAAF8/KDHa1tme_Jw/s1600/gest.png",
    hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src="http://my-tqarob.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://arts2017.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>