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

السلام عليكم ورحمه الله وبركاته .

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

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

اذهب الى لوحه التحكم بلوكر ثم الى تخطيط اضافه اداه 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.al-etqan.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script> 
غير اللون الاحمر برابط مدونتك 
وغير numComments = 4 عدد التعليقات المراد عرضها 
ومبرووك  عليك الاضافة