ضافة شريط الاخبار الى مدونة بلوجر بشكل احترافي
اليوم ان شاء الله سنتطرق الى طريقة اضافة شريط في لاخر مواضيع المدونة
هذه الاداة شبهة الى التي تكون في مواقع الاخبار، وتنضاف اليها المواضيع تلقائيا بعد نشرها في المدونة
وتحتوي على مزايا متعددة سنتطرق اليها
مميزات الاداه
- التحكم في اتجاه الشريط
- التحكم في عدد المواضيع التي تعرض في الشريط
- التحكم في سرعة مرور الشريط
- امكانية اضافة لوجو لمدونتك بين المواضيع
- توقف الشريط بمجر تمرير الماوس عليه
- التحكم في الالوان والخلفية
طريقة اضافة الاداة:
الدهاب الى تخطيط
اختيار مكان اضافة الادة
ثم اضافة اداة HTML/JavaScripte
ثم اضيف الكود التالي في مربع الاداة
var w2bWidth="100";
var w2bScrollAmount="14";
var w2bScrollDelay="50";
var w2bDirection="right";
var w2btargetlink="yes";
var w2bnumPosts="10";
var w2bBulletchar =">>>";
var w2bimagebullet="yes";
var w2bimgurl="http://im61.gulfup.com/MlpFF6.jpg";
var w2bfontsize="11";
var w2bbgcolor="FFFFFF";
var w2blinkcolor="444444";
var w2blinkhovercolor="E34429";
</script>
<script src="http://sites.google.com/site/javacodehtml/recent-posts-comments-Scrolling-text.js" type="text/javascript"></script>
<script type="text/javascript" src="https://aarafonline.blogspot.com//feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10">
</script>
ما يجب تغيره في الاداة:
أولا قم بتغيير رابط مدونتنا (https://aarafonline.blogspot.com/) إلى رابط مدونتك
w2bScrollAmount:
سرعة مرور الشريط
w2bScrollDelay:
مدة اعادةظهور الشريط
w2bDirection:
إتجاه الحركة، اكتب right إذا كانت مدونتك بالعربية و left إن كانت بلغة أجنبيةw2btargetlink:
لفتح الموضوع في نافذة جديدة اتركها yesw2bnumPosts:
عدد المواضيع التي يتم عرضها في الشريطw2bBulletchar:
شكل الفاصلة، التي تظهر بين المواضيع، يمكن وضع شعر المدونة عوض الفاصلةw2bimagebullet:
yes لإظهار الفواصل و no لإخفائهاw2bimagebullet:
الصور الفصلة ما بين المواضيع ويفضل ان تكون بمقاس 35x15 px، يمكنك ان تضع فيها شعار مدونتك
لوضع الصورة يمكنك انشاءها وتحميلها على موقع رفع الصور وتضع رابط الصورة هنا، أو قم بحذف الرابط إذا أردت إظهار فواصل فقط
حجم الخط : w2bfontsize
لون الخلفية: w2bbgcolor
لون الخط: w2blinkcolor
w2blinkhovercolor
:
لون الخط عند تمرير مؤشر الماوس
الان يمكنك حفظ الاداة واستعراضها في موقعك
ادا وجهتك اي مشكلة في الاداة لا تتردد في وضعها في التعليقات
لا تغادر قبل ان تترك بصمتك في المدونة
تعليقات
إرسال تعليق
شكرا لك علي التعليق