الهجان مستر وليد فريد
ادعية لوجة الله : عدد المساهمات : 4697 تاريخ الميلاد : 04/07/1975 تاريخ التسجيل : 21/09/2009 العمر : 49
| موضوع: شرح إضافة شريط آخر مواضيع المدونة بشكل متحرك السبت يونيو 29 2013, 06:33 | |
| بسم الله الرحمن الرحيم، حسب طلب أحد الأعضاء الكرام، بتوفير شريط آخر مواضيع المدونة مثل الموجود بمدونة الأحرار، يسرني أن أقدم لكم شرح إضافة هذا الشريط إلى مدوناتكم بأبسط الطرق.
أولا لمعاينة الشريط بمثال حي : مدونة تجريبية
صورة للشريط : الآن لتركيب الشريط، إذهب إلى تصميم ثم عناصر الصفحة، واضغط إضافة أداة HTML/JavaScript والصق الكود التالي :
كود: - الكود:
-
<table align="right" width="900" height="25" border="0" background="http://i1075.photobucket.com/albums/w431/BloggerDev/latest%20posts%20scroll/bunnerpress.png"> <tr><td width="246" height="25"> <div align="left">
<script type="text/javascript"> var w2bWidth= 90; var w2bScrollAmount=10; var w2bScrollDelay=50; var w2bDirection="right"; var w2btargetlink="yes"; var w2bnumPosts=10; var w2bBulletchar =">>>"; var w2bimagebullet="yes"; var w2bimgurl="http://3.bp.blogspot.com/-C5usTkdJpGU/T6Apka0TE3I/AAAAAAAAZKg/VA6dMd6neEw/s1600/21.png"; var w2bfontsize=16; var w2bbgcolor="transparent"; var w2blinkcolor="FFDA00"; var w2blinkhovercolor="3366CC"; </script> <script type="text/javascript" src="http://yourjavascript.com/5685222181/bloggerexp_v3.js" ></script> <script type="text/javascript" src="http://bloggerexp-test1.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10" ></script> <noscript></noscript>
</div></td></tr> </table>
- width="900" من الأفضل أن تتناسب القيمة 900 مع عرض المدونة بالبكسل
- background="https://2img.net/h/i1075.photobucket.com/albums/w431/BloggerDev/latest%20posts%20scroll/bunnerpress.png" الرابط المشار إليه بالأحمر يمثل خلفية الشريط.
- w2bDirection اتجاه الشريط
- w2bnumPosts عدد المواضيع المعروضة بالشريط
- w2bimgurl رابط الصورة الفاصلة بين كل موضوعين
- w2bfontsize حجم الخط
- w2bbgcolor لون خلفية الشريط
- w2blinkcolor لون الروابط قبل الضغط عليها
- w2blinkhovercolor لون الروابط بعد الضغط عليها
- max-results=10 الرقم 10 يمثل أيضا عدد المواضيع المراد عرضها
ملاحظة : لا تنس استبدال الرابط http://bloggerexp-test1.blogspot.com برابط مدونتك.
| |
|