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



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

صوره توضيحيه للاضافه


كيفية اضافة هذه القطعه الى مدونتك

انتقل إلى لوحة تحكم مدونتك
     HTML/Javascript   إختر "تخطيط" ثم إضافة أداة ثم اختر
     والآن الصق داخل المستطيل الكود التالي
 
<div class='widget-content'>
<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: #606060;display: block;font-size: 15px; line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments = 5,
showAvatar = true,
avatarSize = 50,
roundAvatar = true,
characters = 40,
 showMorelink = false,
 moreLinktext = "More &#187;",
 defaultAvatar  = "http://www.h-online.com/imgs/43/7/8/4/4/3/9/anonymous_or_80-f288c17fbe12ecd1.png",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://abuiyad.googlecode.com/svn/recent%20comments.js"></script>
<script type="text/javascript" src="http://www.alb33dani.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=4"></script>
</div>


وبالاخيرغير ماباللون الاحمر http://alb33dani.blogspot.com  برابط مدونتك

الاشياء التي يمكنك التعديل عليها في الكود حسب رغبتك

عدد التعليقات  المراد عرضها في الاداة  5 =numComments         
اضهار صورة الكاتب  showAvatar=true 
الرقم 50 للتحكم في حجم الصور avatarSize = 50                ة
الرقم 40 هو عدد حروف التعليق زده أو انقصه   characters  =40               

ثم احفض الأداة ومبروك عليك
لعرض هذه الاضافه قبل اضافتها الى مدونتك قم ينسخ الكود والصقه في محرر الكود لمدونة جلال البعداني من هنا

هناك 12 تعليقًا:

  1. غير معرف14/6/12 13:03

    شكرا لك وبارك الله فيك على الشرح الجميل

    ردحذف
  2. جزاكم الله خيراا
    http://ajyal-s.blogspot.com/

    ردحذف
  3. لم ينجح يا خو شو السبب

    ردحذف
  4. لم ينجح يا خو شو السبب اريد ردا سريعا يا اخي

    ردحذف
    الردود
    1. اخي الكود شغال ومجرب وانا استخدمه شخصيا
      لذا يرجى اعادة تركيب الكود مع التاكد من استبدال رابط مدونتك برابط مدونتي المعلم باللون الاحمر

      حذف
  5. يا جلال كل شي في مكانو شوف هاك ضع تعليق بنفسك
    http://th3protectionprofessionals.blogspot.com/

    ردحذف
  6. لقد نجح الكود

    ردحذف
    الردود
    1. نعم اخي سعد لقد قمت باضافته بطريقه صحيحه

      حذف
  7. يا جلال اريد ان تكون من مؤلفي مدونتي هل تقبل

    ردحذف
  8. تم الاضافه بنجاح شكرا لك
    http://amer-tikrit.blogspot.com

    ردحذف
  9. http://bboyma.blogspot.com/ wawwwwwwwwww

    ردحذف