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

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


طريقة اضافة شريط متحرك لاخر المواضيع بالموقع
يتميز شريط اخر المواضيع المتحرك يتحيث نفسه تلقائيا ، فبمجرد ان تقوم بأضافة مشاركة جديدة ستظهر مباشرة فى الشريط
كما انه يمكن زوار موقعك من معرفة اخر مشاركاتك بسهولة.

طريقة التركيب
1- قم بالتوجه الى لوحة التحكم
2- قم بالنقر على خيار التخطيط
3- قم باختيار اضافة اداة
4- اختر اداة HTML/JavaScript
5- قم بنسخ هذا الكود وضعه داخل الاداة ولا تكتب عنوان للاداة



<script type="text/javascript">
    var w2bWidth="100";
    var w2bScrollAmount="3";
    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/AVvXsEjRMLOWnIxe4M0O_iIJU-EGx8vVg9owWTCyNB9VkCagWNleIrGnhyFir7ydYn-fYnvX_XKk08mSM6qfmXq-heQm4TfeUXnyXQhJEvxpi8gLKM57XZual4r_ShgC_OOEe85Y9emkNkt_6Pg/s1600/new.jpg";
    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.ra3dnet.com/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 كاملة ووظائفها

اساسيات لابد ان تعرفها لتعلم لغة HTML

طريقة تنصيب ويندوز 7 على جهازك خطوة بخطوة مع الصور