مدونة حاسوبي للمعلوماتية

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

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

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

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

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

في المدونة سيظهر في الشريط مباشرة الميزة الثانية لهذه الاضافة هو التحكم الكامل فيها

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

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

لمعاينة الإضافة :

 www.samiwolsol.blogspot.com

تجدها فوق السلايدر

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

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

• قم بالدخول الي لوحة تحكم مدونتك من هنا
• ادخل علي تصميم
• اضافة أداة
• ثم اكتب الكود التالي المكتوب بالون الازرق

 <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="http://4.bp.blogspot.com/-3X1QyNEPWBo/Tr7XQH3r0uI

/AAAAAAAACdY/lubXd3j1aLA/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.samiwolsol.blogspot.com/feeds/

posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10"></script>


أخيرا قم بالحفظ

لا تنسي تغيير الرابط www.samiwolsol.blogspot.com برابط مدونتك

ملاحظات للتحكم الكامل بالاضافة

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

اي استفسار في جزء الردود أتمنى أن تكونو قد إستفدتم بهذا الموضوع إلى اللقاء نلتقي

في درس آخر إن شاء الله