ضع إيميلك ليصلك جديد مدونة فور نيت

أخر التعليقات

السبت، 12 يناير 2013

حصريا اضافة اخر التعليقات مع صور المعلقين

السلام عليكم ورحمة الله وبركاتة .. اعزائي زوار وقراء ومتابعي مدونة تقارب .. نعلم جميعا انه قد كثرت الاضافات التي تقوم بعرض اخر تعليقات القراء في مدونة بلوجر . وقد قامت منصة بلوجر بتوفير تلك الاضافه وقامت بعض المواقع الاجنبيه بعمل اضافات تفي بذات الغرض . لكن للاسف جميع الاضافات التي كانت تقوم بعرض اخر تعليقات القراء كانت بسيطه الشكل ومتواضعه التنسيق ليست كمثيلتها في منصة الورد بريس . لكن اليوم جئتكم باضافة جديده تشبه تماما والي حد بعيد الموجوده في الوردبريس والان ناتي لشرح مميزات الاضافه . كما تراها في الصوره المرفقه داخل التدوينه ومثال حى عليها ايضا في القائمه الجانبية في مدونتي تحت اسم اخر تعليقات القراء وفيما يلي المميزات بالتفصيل :
1- خفيفه علي المدونه لا تسبب بطئ نهائيا في التصفح علي عكس الاضافات الشبيهه لها.
2- تتبح لك عرض عدد لا محدود من التعليقات التي يكتبها قراء مدونتك.
3- التحكم في عدد حروف التعليق المكتوب من قبل الزائر.
4- عرض صورة مصغره لصاحب التعليق المكتوب .
مع السماح لك بتعطيل او تفعيل تلك الخاصيه الجديده.
5- السماح لك بتفعيل او تعطيل خاصية تدوير الصوره او عرضها بالشكل الافتراضي .
كل تلك الامكانيات وطريقة التركيب من خلال خطوة واحدة فقط
قم بالذهاب الى لوحة تحكم مدونة بلوجر ثم اذهب الي عناصر تصميم الصفحه
قم بانشاء اداه جديده من نوع جافا سكربت وضع بها الكود الموجود بالاسفل
<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>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments     = 3,
    showAvatar     = true,
    avatarSize     = 40,
    roundAvatar    = true,
    characters     = 60,
    showMorelink    = false,
    moreLinktext    = "إقرأ المذيـــد »",
    defaultAvatar     = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Orft5KzecK_NDtWVU6BoIL4fiOKm5qI5mY0ejELrx3EdZZZ1Zws_fZYmUxaiG_DbR6fRWt1RsttrPu7hs9ljEbw2s1i2UuYb1Z07glpgrWQuSpqmEQQOfjEdbjuLwabB5stxCJy8Lz0/s1600/gest.png",
    hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src="http://my-tqarob.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://04pro.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>
6- قبل قيامك بحفظ الاداه ووضعها في القائمة الجانبية تابع ما بالاسفل حتى تستطيع التعامل مع الاداه
ابحث داخل الكود عن http://04pro.blogspot.com وقم باستبدالها برابط مدونتك علي بلوجر.
قم الان بحفظ الاداه واذهب الي صفحة مدونتك الرئيسية لمعاينة الاضافه علي الطبيعه.
شرح خصائص الاضافه :
  numComments     = 3   تسطيع تغيير رقم 3 الى اى عدد اخر فهو المعني بعدد التعليقات المعروضه.
    showAvatar     = true هذا الخيار خاص بتعطيل او تفعيل عرض صوره كاتب التعليق للتفعيل true للتعطيل false
    avatarSize     = 40    الرقم 60 خاص بالتحكم في ابعاد صورة كاتب التعليق .
    roundAvatar = false  هذا الخيار خاص بتعطيل او تفعيل تدوير صوره كاتب التعليق للتفعيل true للتعطيل false .
    characters     = 60   الرقم 70 خاص بعدد حروف التعليق استبدله باى عدد ترغب فيه .
  showMorelink = true هذا الخيار خاص بتعطيل او تفعيل خاصية اقرأ المذيد للتفعيل true للتعطيل false .
    moreLinktext    = "إقرأ المذيد »"  تستطيع تغيير العباره باي عباره ترغب فيها
الى هنا اكون قد انتهيت من شرح تلك الاضافه بحمد الله وتوفيقه واي استفسار يمكنكم كتابة تعليق بالاسفل .

3 التعليقات:


السلام عليكم

جزاك الله خيرا اخى على الموضوع الجميل
نفعنا الله واياك بكل خير ونفع بنا العباد

تحياتى لجهدك الطيب
http://mchabat.3abber.com/

إرسال تعليق