آداة آخر التعليقات

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

مرحبا بكل زوار كلفين للبلوجر

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



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

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

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

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

4. اضف اداة

6.اختار Html/Javascript

هدا هو الكود

كود HTML:

<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://blogkelvn.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script

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

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

هل أعجبك الموضوع ؟

Share

Tweet