الأربعاء، 30 نوفمبر، 2011

كيفية اضافة شريط متحرك باخر المواضيع في مدونات بلوجر Blogger

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


نبدأ بـ كيفية تركيب هذه الاداه عندك
ملاحظة : يفضل أن يتم و ضع الاداة أسفل الهيدر أو في أعلي الصفحة حتي تكون واضحة لجميع زوارك.

  1. قم بالدخول الي لوحة تحكم مدونتك من هنا
  2. ادخل علي تصميم
  3. اضافة أداة
  4. ثم HTML/JavaScript
ثم قم بنسخ الكود التالي

<script type="text/javascript">
    var w2bWidth="100";
    var w2bScrollAmount="7";
    var w2bScrollDelay="50";
    var w2bDirection="right";
    var w2btargetlink="yes";
    var w2bnumPosts="5";
    var w2bBulletchar =">>>";
    var w2bimagebullet="yes";
    var w2bimgurl="http://4.bp.blogspot.com/-3X1QyNEPWBo/Tr7XQH3r0uI/AAAAAAAACdY/lubXd3j1aLA/s1600/new.gif";
    var w2bfontsize="13";
    var w2bbgcolor="FFFFFF";
    var w2blinkcolor="000000";
    var w2blinkhovercolor="FF0303";
</script>
<script src="http://egymodern.googlecode.com/files/recent-posts-comments-Scrolling-text.js" type="text/javascript"></script>
<script type="text/javascript" src="http://idragonsoft.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10"></script>

أخيرا قم بالحفظ
لا تنسي تغيير الرابط الازرق برابط مدونتك

ملاحظات للتحكم الكامل بالاضافة



    var w2bScrollAmount="7";                               سرعة الشريط
    var w2bScrollDelay="50";                          عدد دورات الشريط
    var w2bDirection="right";                           اتجاة دوران الشريط
    var w2btargetlink="yes";                                  لأظهار الروابط
    var w2bnumPosts="5";               عدد المواضيع التي تريد اظهارها
    var w2bimagebullet="yes";                      اظهار صورة الفاصل
    var w2bimgurl="........ new.gif";                  رابط صورة الفاصل
    var w2bfontsize="13";                                              حجم الخط
    var w2bbgcolor="FFFFFF";                                  لون الخلفية
    var w2blinkcolor="000000";                                 لون الرابط
     var w2blinkhovercolor="FF0303";         لون التأشير على الرابط
اي استفسار أكتب ردا بذلك
المصدر : ايجي مودرن

0 التعليقات:

إرسال تعليق