اضافة شريط اخر المواضيع و التعليقات المتحرك بكود جديد و تصميم رائع

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

الاداة خفيفة على القالب ... بشكل مميز كما تشاهدوها بالصورة :

 و كان في مواضيع تانية اتكلمنا فيها عن ادوات اخر المواضيع و التعليقات زي :

1. أضافة هاك كود اخر المواضيع و التعليقات بديل تغذية بلوجر >> تجدها هنا.

2. اضافة اداة اخر الموضوعات بصور لمدونات البلوجر بكود جديد و تحكم كامل >> تجدها هنا.

الطريقة :

1. ادخل لوحة التحكم اضغط هنا

2. اختار تخطيط

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

4. اختار : HTML \ JavaScript

5. اضف الكود التالي :

    <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/AVvXsEhuFgUudXLqJ17591vy_eHb_JS1fPcL_f_cjhuyvIioLj0w_KsEBVmuMTn7XJ7sHxl50ey4cYhLBT7q_g9wZoDENlt6iOI-Qf0sBfhnYmr6E5Jb4CYEUTZhWNf9ZrtwGsmPV_2sxC5NqY0/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://arabever.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10"></script>

6. اضغط حفظ

خيارات اضافية :


    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";   لون التأشير على الرابط

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