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

شاركه على +Googleأضفه الى Deliciousشاركه على Twetter شاركه على Facebookأضفه الى StumbleUpon أضفه الى Digg

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

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

.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  بعنوان مدونتك

 ثانيا غير حسب اختيارك في الكود 

    numComments     =       3          عدد التعليقات  المراد عرضها في الاداة.
  showAvatar     =     true              ;تعنيtrue اضهار صورة الكاتب .ادا أردة عدم اضهارها ضع false . 
    avatarSize     =     50                 الرقم 50 للتحكم في حجم الصورة .
    roundAvatar  = true                هنا true جائت لتفعيل تدوير صورة كاتب التعليق يعني جعلها دائرية التشكل يمكنك تعطيلها بوضع true  وتصبح مربعة الشكل .
    characters     =   40                الرقم 40 هو عدد حروف التعليق زده أو انقصه .
  showMorelink =   false             هنا  flse جائت لتعطيل خيار اضهار كلمة اقرأ المزيد يمكنك تفعيلها بوضع true .
    moreLinktext    =  "إقرأ المزيد "  غيرها الـى أي عبارة تريد


ثم احفض الأداة ومبروك عليك

Tweet

Social Sharing Widget bychamelcool

التصنيف : أدوات بلوجر,خاص بالمدونات