طريقة إضافة شريط متحرك و متجدد يتضمن مواضيع مدونتك

السلام عليكم ورحمة الله تعالى وبركاته. 

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

هذه الإضافة تتيح لزوار مدونتك الإطلاع على آخر المواضيع الخاصة بك بطريق سلسة و بدون عناء يذكر.

لمعيانة الإضافة من خلال مدونة تجريبية إضغط هنا.

وهذه صورة الأداة:

نمر لتطبيق الاضافة:


1.اذهب للوحة التحكم
2. تخطيط
3.عناصر الصفحة
4.إضاف اداة
5.اختار  Html/Javascript
6.أضف هذا الكود :

<script type="text/javascript">
    var w2bWidth="100";
    var w2bScrollAmount="7";
    var w2bScrollDelay="400";
    var w2bDirection="right";
    var w2btargetlink="yes";
    var w2bnumPosts="6";
    var w2bBulletchar =">>>";
    var w2bimagebullet="yes";
    var w2bimgurl="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizHcvkYmDl60DBtJJNkc4k45RMXzaa8Taj4aZiTxFHwTdt6YpVIATandgGXfaUo5wXP4Ps6vTLDSKD0wBD7VtFagK05M-SXxuiYv8M3C9I3NFlwtPIucAgbi87YPdim3UBwuke_D4ZIfA/s1600/new.gif";
    var w2bfontsize="14";
    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.TRUCSINFORMATIQUES.BLOGSPOT.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10"></script>

7.قم بإختيار موضع الأداة(من الأفضل أسفل أقسام المدونة) ثم بحفظ الأداة.
ملاحظة هامة:

قم بتغير ما كتب بالوردي برابط مدونتك.
يمكنك التعديل على سرعة حركة الشريط بتغير ما كتب بالأحمر .
يمكنك التعديل على عدد المواضيع بتغير ما كتب بالأزرق.

و مبروك عليك.

المرجو دعم الموقع من خلال الإشتراك على صفحاتنا على المواقع الإجتماعية و مشاركة الدروس مع أصدقاءكم.