شريط متحرك باخر الموضوعات التي تم نشرها

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

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

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

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

نبدأ بـ كيفية تركيب هذه الاداه عندك

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

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/AVvXsEiUxsdgif2uEJtS9xloUa890Tbe0hMZ4p73O6Dp3qrG1jpfo_oWNg_3kxpUqBALJfpBcsRK6rCkd84f2JcMIlSQH0a_MizJCQEOhKEpYFgNVRFxY6Fyo056tOlBYPAQviOeSUWAp05nT3Q/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://www.tech3arabe.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";         لون التأشير على الرابط

اي استفسار أكتب ردا بذلك

Tweet

تنبيه : أرجو عدم نسخ المحتوى بدون ذكر المصدر و السلام

بقلم المطورون العرب

المطورون العرب هي مدونة مختصة في مجال التقنية و خاصة التصميم بدرجة أولى تليه الأخبار المرتبطة بالتكنولوجيا . كما نتطرق لشرح أغلب المسائل المطروحة حول بلوجر من تصميم قوالب و اضافات و ايضا نمدكم بدعم فني نلبي فيه أغلب طلباتكم المطروحة في هذه المجالات فان احتجت الى دعم فني ما عليك سوى الضغط على صفحة الدعم الفني ولا تآخذونا ان تأخرنا ...

تعليقك يساعدنا على المواصلة و يدعمنا نفسيا فلا تبخل علينا برأيك

قسم : اظافات بلوجر,دروس بلوجر