اضافة شريط اخر المواضيع المتحرك 2012

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

درس مهم من دروس المدونات النهاردة هنعرف ازاي نضيف اداة شريط اخر المواضيع المتحرك تحت الهيدر ( رأس الصفحة ) و هو كود يساعد زوارك على التعرف على اخر الموضوعات المطروحة في مدونتك او اخر مشاركات الاعضاء من تعليقات ....
الاداة خفيفة على القالب ... بشكل مميز كما تشاهدوها بالصورة :

الطريقة :

1. ادخل لوحة التحكم

. اختار تخطيط

3. اضغط : اضافة اداة

  اختار : 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRqyUi7qsaizE4B53nQfs37mqk__ONpCu1qDBjqtk9qHBk0bc0btbXNQ3U2MJQNsXtOTpke9j3iDOZI_66e8CMHzSj3ijccthVQb6E50JgWSZT_6OFNk51RISCR-G83eh-h-dIT2_Sq0I/s1600/new.gif";
        var w2bfontsize="16";
        var w2bbgcolor="FFFFFF";
        var w2blinkcolor="0033CC";
        var w2blinkhovercolor="6600FF";
    </script>
    <script src="http://sites.google.com/site/javacodehtml/recent-posts-comments-Scrolling-text.js" type="text/javascript"></script>

    <script type="text/javascript" src="http://www.big-barsa-tutorial.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="16";                                حجم الخط  
    var w2bbgcolor="FFFFFF";                      لون الخلفية

    var w2blinkcolor="0033CC";                     لون الرابط

    var w2blinkhovercolor="6600FF";   لون التأشير على الرابط

ولمن يريد تغيير الألوان أدخل على هذا الموقع وشتجد كل كودات الألوان بصيغة Html

 http://ar-bl.net/color/

شكرا لمتابعتكم ... و ارجو ان يكون الشرح كافي و وافي

  

و لأي استفسار او طلب انا في الخدمة دايما