[princess of egypt]

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

أقدم لكم أداة أخر التعليقات مع الصورة الرمزية للمعلقين



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

.1 اذهب للوحة التحكم

2. تخطيط او تصميم

3.عناصر الصفحة

4. اضف اداة

6.اختار 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     = 3,
    showAvatar     = true,
    avatarSize     = 50,
    roundAvatar    = true,
    characters     = 40,
    showMorelink    = false,
    moreLinktext    = "إقرأ المزيد »",
    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits    = false;
//]]>
</script>
<script type="text/javascript"  src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://chamelcool.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script

طبعا يمكنك تغيير عدد التعليقات المراد عرضها

وتغيير رابط المدونة الذي بالأزرق برابط مدونتك


المصدر
http://chamelcool.blogspot.com/2012/...g-post_25.html