صندوق آخر التعليقات مع صورة مميزة لمدونة بلوجر | مدونة الكوفي العراقية

0
صندوق آخر التعليقات مع صورة مميزة لمدونة بلوجر

التسميات: اضافات بلوجر, jquery

بسم الله الرحمن الرحيم

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

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

والان نأتي للمفيد وهو الكود

قم بالدخول الي لوحة تحكم مدونتك من هنـــا

ادخل على تصميم ثم اضافة أداة 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: normal;line-height: 1.4;}
</style><br />
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments     = 5,
    showAvatar     = true,
    avatarSize     = 50,
    roundAvatar    = true,
    characters     = 100,
    showMorelink    = true,
    moreLinktext    = "إقرأ المزيد »",
    defaultAvatar     = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj84WrkmDE9T8rQOnYVAtl-Gs_cngCrBUQ18pdhKBjtKV92oz4DblBXCvX0Mnb3VXNiXWdR6wBZGlhAsAPxBlBZhUFXj9_Jj-CFh5zBoq6ijSujnpMAgP6OLzUksAM1to-90Pg_jed-5h5f/s1600/archi_absba13.png",
    hideCredits    = true;
//]]>
</script><br />
<script type="text/javascript" src="https://aliraqia-blog.googlecode.com/files/w2b-recent-comments-w-gravatar.js"></script><br />
<script type="text/javascript" src="http://aliraqia.blogspot.se/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>

نأتي الى التعديلات

لتغيير صورة الشخص الذي لا يملك حسال يعني غير معروف ابحث عن هذا الرابط واستبدله بالصورة التي تعجبك (archi_absba13.png) مختصر لرابط الصورة

وايضا لا تنسى تغيير اسم مدونتي ابحث عن (http://aliraqia.blogspot.se) وغيره باسم مدونتك
عدد التعليقات التي تظهر : numComments = 5,
حجم صورة صاحب التعليق avatarSize = 50,

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =

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


اشترك معنا وأحصل على جديد المدونة :)	تابعنـا عبــر مواقــع التواصــل

0 التعليقات:

إرسال تعليق

جميع حقوق النشر محفوظة : تحياتي إدارة مدونة الكوفي العراقيـة 2012