تحميل..

2009-05-08

كيفية إضافة شريط آخر المواضيع

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


إن ما لاحظته مؤخرا هو إنتشار إضافة شريط الأخبار في الكثير من المدونات العربية وبنفس النسق والفكرة هذه المرة أقدم لكم درس جديد في كيفية إضافة شريط آخر المواضيع والذي نجده في المواقع والمنتديات بحيث يكسب الصفحة ديناميكية ويسهل للمتصفح التعرف على المواضيع الحديثة في المدونة .
أولا : قم بالدخول الى حسابك على بلوجر وفي اللوحة الرئيسية اختر التبويب :تخطيط|عناصر الصفحة وانقر على إضافة أداة في منطقة جزء التخطيط (layout) - منطقة الوسط - ثم اختر من القائمة إضافة HTML/JAVASCRIPT.
وانسخ الكود الأتي :


<script src="http://sites.google.com/site/taliblogsite/file/Headlines-ar-widget.txt"> </script><script style=""> var nMaxPosts = 10; var sBgColor; var nWidth; var nScrollDelay = 170; var sDirection="right"; var sOpenLinkLocation="N"; var sBulletChar="»»"; </script> <script style="" src="http://مدونتك.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script><scriqt>
<ul><span style=";" >
<a href="http://www.italib.net//2009/05/blog-post_08.html" title="أضف "> أضف هذه الأداة </a><a href="http://www.italib.net/" title="مدونة الطالب">شريط آخر المواضيع</a></span></ul>
<!--NoEdit--></scriqt>



بحيث :



var nMaxPosts = 10; - يحدد عدد المواضيع التي تظهر في الشريط.

var sBgColor; - var sBgColor= grey; :إذا كنت تريد تغيير لون خلفية الشريط مثلا

var nWidth; - لتحديد العرض

var nScrollDelay = 185; - لتحديد السرعة كلما قلت القيمة زادت السرعة

var sDirection="left"; - لتحديد جهة الحركة. left = Right to left; Right = Left to right; Up = Down to up; Down = Up to down

var sBulletChar="»»"; الرمز الذي يظهر قبل عنوان أي موضوع على الشريط ويمكنك تغييره





أكتب عنوان مدونتك في مكان الرابط ذو اللون الأحمر 

أخوكم عبدالرحمن

27 التعليقات:

Nidal في 9 مايو، 2009 9:28 ص يقول...

السلام عليكم
لم يظهر الشريط في موقعي، مع انني اتبعت التعليمات، لا أدري ما المشكلة؟؟

محمد سيد محمد في 9 مايو، 2009 4:22 م يقول...

شكرا أزاى اغير اللون بتاع الكلام

الـطـالـب في 10 مايو، 2009 11:15 ص يقول...

@ Nidal
وعليكم السلام ورحمة الله
ممكن تشرح لي مشكلتك ، هل تلقيت رسالة خطأ معينة؟

adel ghaly في 31 مايو، 2009 8:15 ص يقول...

مشكوووووووووووووووووووووووووووور
www.egysport09.blogspot.com

البيضانيه في 24 يونيو، 2009 9:33 م يقول...

ربنا يوفقك مدونه رائعه

night في 29 يوليو، 2009 12:17 م يقول...

إضافة جميلة
شكرا اخوي

اسامة العتيبي ابو زيد في 30 يوليو، 2009 1:56 ص يقول...

نسأل الله لك التوفيق والسداد

الـطـالـب في 5 أغسطس، 2009 8:09 ص يقول...

@البيضانية
@اسامة العتيبي
واياكم اللهم آمين بارك الله فيكم

@adel ghalyt
@night
العفو..جزيتم خيرا

الطالب في 11 سبتمبر، 2009 2:41 م يقول...

وإيــاك اللهم آمين.
أعذرني على الرد المتأخر وبارك الله فيكم أخي أسامة.
تقبل الله منا ومنكم وجعلنا من عباده العتقاء في هذا الشهر ، آمين.

Admin في 3 نوفمبر، 2009 6:00 م يقول...

جزاك الله مليون خير والله ما قصرت

ঔღঔ نـــوارة ঔღঔ في 11 نوفمبر، 2009 8:44 م يقول...

تحفففففة

شكلي هنام في المدونة عندك

دروسك كلها رائعة

بارك الله فيك

Dr. Mohammed Ali في 15 نوفمبر، 2009 6:01 م يقول...

شكرا لك على الموضوع
ولكن هل بلامكان تثبيت الكلام بحيث لايتحرك يمين ولا يسار وكيف يمكن تغير لون الخط..
شكرا جزيلا لك اخي الطالب

محمد الجرايحى في 25 ديسمبر، 2009 6:46 م يقول...

بارك الله فيك وأعزك
وشكراً لك على هذه الهدية الطيبة

kumonah في 29 ديسمبر، 2009 9:50 م يقول...

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

kamel.tantawy في 16 يناير، 2010 1:25 ص يقول...

بجد مدونتك جديرة بالثقة ومليئة بالمعلومات المهمة جدا وانا استفدت منها كتير
واتمني زيارة الرابط الخاص بمدونتي مدونة مملكتك واعطائي رأيك لانه يهمني بصراحة
http://www.mmlaktak.com

Alhakem في 20 مارس، 2010 12:45 ص يقول...

شكرا على المعلومة الرائعة

Alhakem في 20 مارس، 2010 12:48 ص يقول...

شكرا على المعلومات الرائعة و لكن عندما عملت هذه الخطوات ثم عرضت معينة لمدونتى لم يظهر أى شىء بالأضافة انه اخبرنى ان المدونة غير معروفة وأرجو منك الدخول الى مدونتى ( الربح من الانترنت) لإبداء رأيك فيها

www.alhakem2010@blogspot.com

الـطـالـب في 25 مارس، 2010 1:38 م يقول...

@حكيم
العفو أخي ، فقط أعد تطبيق الخطوات دون اي خطأ وان شاء الله ستعمل الأداة.

amr awwad في 23 أبريل، 2010 7:48 م يقول...

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

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

هل يمكن ان اجد ؟

الطالب في 24 أبريل، 2010 10:30 ص يقول...

@amr awwad
أخي الفاضل:
- من فضلك لغة المدونة هي اللغة العربية الفصيحة فرجاء التقيد بها.
- الأداة تعرض المواضيع حسب إختيارك فلو قرأت الموضوع لوجدت أني شرحت أن 10 مواضيع كخيار ويمكنك ضبظ العدد كما تريد.
وفي إعتقادي أن لو وضعت شريطا لكل مواضيع مدونتك فلن يعتبر شريطا للآخبار بل حينها نطلق عليه اسم شريط لكل مواضيع مدونتك :)

قناص رفحاء في 10 يونيو، 2010 9:34 ص يقول...

الله يجزاااااااك خير

ويعطيك الف عافية اخوي الطالب

والله يوفقك ويزيدك علم

UnCopyRightable في 16 يونيو، 2010 5:51 ص يقول...

السلام عليكم أخي

أدعو من قلبي لتتجاوز الامتحانات متفوقاً

----------

لاحظت في نهاية الكود الأول خطأ

بدلاً من Script ... كتبت scriqt

و لو تم تصحيحه سيعمل الكود بالنسبة لأخي الحكيم


-----------

وفقك الله لما يحبه و ترضاه

أخوك
محمد

UnCopyRightable في 16 يونيو، 2010 5:53 ص يقول...

سؤال أخي العزيز

حاولت وضعه في مكان مناسباً أكثر لكن لم أجد

ما هي شفرة المدونة ...الصورة التي تضعها على الشريط الجانبي الأيمن

شكراً لك ..منتظر ردك

رشـا في 30 يونيو، 2010 6:44 ص يقول...

شكرا على الشرح الواضح

مدونة صبري رضوان في 1 سبتمبر، 2010 2:11 ص يقول...

كيف اضع اقسام لمدونتي

شفير الذكرى في 17 سبتمبر، 2010 10:45 م يقول...

.
السلام عليكم أخي الفاضل ..

اتبعت ماورد منكم لكن ظهر لي

(( ↑ أضف هذه الأداة شريط آخر المواضيع ))

أتمنى منكم مساعدتنا ولكم منا جزيل الشكر ..

روز مدونة تجريبية في 3 يناير، 2011 7:09 ص يقول...

السلام عليكم
نفس مشكلة شفير الذكرى ياريت يا اخي تتأكد من الكود

بوركت

إرسال تعليق

 

المواضيع الأكثر تعليقا

آخر التعليقات

المتابعون