طريقة إضافة شريط متحرك بأخر المواضيع في مدونات بلوجر 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglb0TcZrrOmD9ZhYlv7dLf8vAR4P8GynLuuFu7bs5I6nGE9PvAOvH8909jpZh6u6R_rZVo7ANNrXG6zyi6xDl-g2glR0koK1v1tdX_ghtD6zaLfnsNzjKexMok2tp3IIM2OMDw74OWPug/s1600/new.gif";
    var w2bfontsize="13";
    var w2bbgcolor="FFFFFF";
    var w2blinkcolor="000000";
    var w2blinkhovercolor="FF0303";
</script>
<script src="http://sites.google.com/site/egymodernblog/recent-posts-comments-Scrolling-text.js" type="text/javascript"></script>
<script type="text/javascript" src="http://fox-egypt.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";         لون التأشير على الرابط