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

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

وبأمكانكم تغيير سرعة الشريط وعدد الدورات والأتجاه وعدد المواضيع وحجم الخط ولون الخلفيه ولون الرابط في الأداة وهذه صوره من الأداة

الان الطريقه

1_ادخل لوحة التحكم

2_اختار تخطيط

3_اضغط : اضافة اداة

4_أختار  : HTML \ JavaScript

5_اضف الكود التالي :

الكود التالي لأخر المواضيع

<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/AVvXsEgteacOGchXif9KwQfeFuDX0D1nxRf7G9icfmxph9FQD21lWyU5peVweEJor9r7MasvGfCTi_Zxu6RYFEReHFBAEQxQtE3kOP7MSkraCyG3ROtGVZkvD568L2SpcIyNSpvv1pMMOs5m9sY/s1600/new.gif";
    var w2bfontsize="16";
    var w2bbgcolor="FFFFFF";
    var w2blinkcolor="0033CC";
    var w2blinkhovercolor="6600FF";
</script>
<script src="http://sites.google.com/site/javacodehtml/recent-posts-comments-Scrolling-text.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ljhlg.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10"></script>

او الكود التالي لأخر التعليقات :

<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/AVvXsEgteacOGchXif9KwQfeFuDX0D1nxRf7G9icfmxph9FQD21lWyU5peVweEJor9r7MasvGfCTi_Zxu6RYFEReHFBAEQxQtE3kOP7MSkraCyG3ROtGVZkvD568L2SpcIyNSpvv1pMMOs5m9sY/s1600/new.gif";
    var w2bfontsize="16";
    var w2bbgcolor="FFFFFF";
    var w2blinkcolor="0033CC";
    var w2blinkhovercolor="6600FF";
</script>
<script src="http://sites.google.com/site/javacodehtml/recent-posts-comments-Scrolling-text.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ljhlg.blogspot.com/feeds/comments/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="16";                                حجم الخط     
    var w2bbgcolor="FFFFFF";                      لون الخلفية

    var w2blinkcolor="0033CC";                     لون الرابط

    var w2blinkhovercolor="6600FF";   لون التأشير على الرابط

عزيزي الزائر يهمنا تحفيزك لنا بالتعليق على الموضوع

تدعوكم أقرب طريق بمشاركة الموضوع فى المواقع الإجتماعية

نشر

إعجاب

جوجل +

تويتر

غرد

أقرب طريق : من العراق , اهتمامي وحبي للتدوين هو ما جعلني أستمر ليس فقط لتقديم المواضيع بل أيضا لمساعدة الأشخاص المبتدئين ، كما كنت سابقا إلا أني لم أجد من يساعدني ! مع ذلك كافحت وواضبت على ماأحبه من عمل لأصل إلى ما أريده ، ليس كمستقبل لكن كهدف حققته , اهتماماتي للتدوين جعلني أتحدى العمل ، للأكواد ، والتعديل عليها وتكويدهالتخرج بالأشكال المناسبه .

• من فضلك تابعنا :
• fb
• tw
• gl