نبدأ بـ كيفية تركيب هذه الاداه عندك
ملاحظة : يفضل أن يتم و ضع الاداة أسفل الهيدر أو في أعلي الصفحة حتي تكون واضحة لجميع زوارك.
- قم بالدخول الي لوحة تحكم مدونتك
- ادخل علي تصميم
- اضافة أداة
- ثم 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/AVvXsEhX8Awo7KOsxOyB22LuQANyY9vuQecGJ8pvz2OIkVaUNzN8rQ6qocJfChq1u3Im4CaHhCLVS1_QYDyu-58lOR42z57qzfYIqM9wjr6-o1J3az1JvSMIY1bQ0hMtaMfXc6YlGvERG7vxliU/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="رابط مدونتك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"; لون التأشير على الرابط
قم بمشاركة روابط التدوينة | |
رابط | |
HTML | |