مكتبة الفيديو

Tatweerweb.Co Fans on Facebook

الخميس، 26 يناير 2012

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

السلام عليكم ورحمة الله وبركاتة .. اعزائي زوار وقراء ومتابعي مدونة تقارب .. نعلم جميعا انه قد كثرت الاضافات التي تقوم بعرض اخر تعليقات القراء في مدونة بلوجر . وقد قامت منصة بلوجر بتوفير تلك الاضافه وقامت بعض المواقع الاجنبيه بعمل اضافات تفي بذات الغرض . لكن للاسف جميع الاضافات التي كانت تقوم بعرض اخر تعليقات القراء كانت بسيطه الشكل ومتواضعه التنسيق ليست كمثيلتها في منصة الورد بريس . لكن اليوم جئتكم باضافة جديده تشبه تماما والي حد بعيد الموجوده في الوردبريس والان ناتي لشرح مميزات الاضافه . كما تراها في الصوره المرفقه داخل التدوينه ومثال حى عليها ايضا في القائمه الجانبية في مدونتي تحت اسم اخر تعليقات القراء وفيما يلي المميزات بالتفصيل :
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/AVvXsEi8Ukd6rKTOY4AbRxwosFY_1uZQu4_GqpnwwFCBo0FlPe9r00U2JUoxdgW-NHb2J0zcmo6fE4EAy2YU0bd8w0o6sUtWQzT7fzkJckuqaC8obrIUqC5wpd_R2GnQ5CGRpYjgteNJX60f-fA/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://www.tqarob.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>
6- قبل قيامك بحفظ الاداه ووضعها في القائمة الجانبية تابع ما بالاسفل حتى تستطيع التعامل مع الاداه
ابحث داخل الكود عن http://www.tqarob.com وقم باستبدالها برابط مدونتك علي بلوجر.
قم الان بحفظ الاداه واذهب الي صفحة مدونتك الرئيسية لمعاينة الاضافه علي الطبيعه.
شرح خصائص الاضافه :
  numComments     = 3   تسطيع تغيير رقم 3 الى اى عدد اخر فهو المعني بعدد التعليقات المعروضه.
    showAvatar     = true هذا الخيار خاص بتعطيل او تفعيل عرض صوره كاتب التعليق للتفعيل true للتعطيل false
    avatarSize     = 40    الرقم 60 خاص بالتحكم في ابعاد صورة كاتب التعليق .
    roundAvatar = false  هذا الخيار خاص بتعطيل او تفعيل تدوير صوره كاتب التعليق للتفعيل true للتعطيل false .
    characters     = 60   الرقم 70 خاص بعدد حروف التعليق استبدله باى عدد ترغب فيه .
  showMorelink = true هذا الخيار خاص بتعطيل او تفعيل خاصية اقرأ المذيد للتفعيل true للتعطيل false .
    moreLinktext    = "إقرأ المذيد »"  تستطيع تغيير العباره باي عباره ترغب فيها
الى هنا اكون قد انتهيت من شرح تلك الاضافه بحمد الله وتوفيقه واي استفسار يمكنكم كتابة تعليق بالاسفل .

 

 
ساهم في نشر الموضوع ولك جزيل الشكر !

أضف تعليقك عن طريق الفيسبوك :
اضافات jquery, تنسيق القالب, تنسيق تعليقات

التعليقات :

الاميره نادين
26 يناير 2012 في 8:26 م

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

Best Blogger Tips
Ali Alsayd
31 يناير 2012 في 8:54 ص

اضافه جميله راح اركبه على مدونتي شكرا يا احمد على الطرح..

Best Blogger Tips
tqarob weblog
3 فبراير 2012 في 1:33 ص

@Ali Alsayd
العفو ياعلي تحت امرك باي وقت .. تقبل مودتي وتقديري

Best Blogger Tips
وائل نووت
12 فبراير 2012 في 5:27 ص

إضافه مميزه إستفد منها كثيرا شكرا لك

Best Blogger Tips
وسام سالم
24 فبراير 2012 في 12:44 ص

بارك الله فيك على هذه الافادة

Best Blogger Tips
tqarob weblog
24 فبراير 2012 في 11:19 ص

@وسام سالم
وبارك فيك اخي وسام. تحياتي لاخوتنا في ليبيا

Best Blogger Tips
مدونه العرب عربي ايجي
14 مايو 2012 في 5:47 ص

شكرا مستر احمد

Best Blogger Tips
Dr.Ju
4 أكتوبر 2012 في 4:11 ص

ما الاقيش تعديل عليها يعطينى اخر المواضيع ..

Best Blogger Tips

إرسال تعليق

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