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

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

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

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

 شرح الاضآفة :-

1. قم بالدخول الي لوحة تحكم مدونتك من هنا
2. ادخل علي تصميم
3. اضافة أداة
4. ثم 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/AVvXsEhP-g0zcvg5O8SF9I84haW3p9_V5Co-vGrEmssxH7_i_K5Vq1FKQK7hqf5GQ-pKKV9RXiOdqUkg7Ogw2ZlTuP42DjNxoxJWvfr770uiBefadYVfm3cCtd87dxUjxkP3QlpPlQSuhgxaNHc/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://masrawy-alshamel.blogspot.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";      لون التأشير على الرابط

تنوية بسيط : يفضل أن يتم و ضع الاداة أسفل الهيدر أو في أعلي الصفحة حتي تكون واضحة لجميع زواركـ اي استفسار أكتب ردا بذلك آسفل التدوينة .