بسم الله الرحمن الرحيم
إن ما لاحظته مؤخرا هو إنتشار إضافة شريط الأخبار في الكثير من المدونات العربية وبنفس النسق والفكرة هذه المرة أقدم لكم درس جديد في كيفية إضافة شريط آخر المواضيع والذي نجده في المواقع والمنتديات بحيث يكسب الصفحة ديناميكية ويسهل للمتصفح التعرف على المواضيع الحديثة في المدونة .
أولا : قم بالدخول الى حسابك على بلوجر وفي اللوحة الرئيسية اختر التبويب :تخطيط|عناصر الصفحة وانقر على إضافة أداة في منطقة جزء التخطيط (layout) - منطقة الوسط - ثم اختر من القائمة إضافة HTML/JAVASCRIPT.
وانسخ الكود الأتي :
إن ما لاحظته مؤخرا هو إنتشار إضافة شريط الأخبار في الكثير من المدونات العربية وبنفس النسق والفكرة هذه المرة أقدم لكم درس جديد في كيفية إضافة شريط آخر المواضيع والذي نجده في المواقع والمنتديات بحيث يكسب الصفحة ديناميكية ويسهل للمتصفح التعرف على المواضيع الحديثة في المدونة .
أولا : قم بالدخول الى حسابك على بلوجر وفي اللوحة الرئيسية اختر التبويب :تخطيط|عناصر الصفحة وانقر على إضافة أداة في منطقة جزء التخطيط (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>
<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="»»"; الرمز الذي يظهر قبل عنوان أي موضوع على الشريط ويمكنك تغييره
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
وعليكم السلام ورحمة الله
ممكن تشرح لي مشكلتك ، هل تلقيت رسالة خطأ معينة؟
مشكوووووووووووووووووووووووووووور
www.egysport09.blogspot.com
ربنا يوفقك مدونه رائعه
إضافة جميلة
شكرا اخوي
نسأل الله لك التوفيق والسداد
@البيضانية
@اسامة العتيبي
واياكم اللهم آمين بارك الله فيكم
@adel ghalyt
@night
العفو..جزيتم خيرا
وإيــاك اللهم آمين.
أعذرني على الرد المتأخر وبارك الله فيكم أخي أسامة.
تقبل الله منا ومنكم وجعلنا من عباده العتقاء في هذا الشهر ، آمين.
جزاك الله مليون خير والله ما قصرت
تحفففففة
شكلي هنام في المدونة عندك
دروسك كلها رائعة
بارك الله فيك
شكرا لك على الموضوع
ولكن هل بلامكان تثبيت الكلام بحيث لايتحرك يمين ولا يسار وكيف يمكن تغير لون الخط..
شكرا جزيلا لك اخي الطالب
بارك الله فيك وأعزك
وشكراً لك على هذه الهدية الطيبة
معليش انا في البداية.. وانت مش موضح لحد فين الكود... يعني انسخ الكود لحد السهم
والكلام اللي بعد السهم معناه ايه؟؟
وجزاك الله خيرا
بجد مدونتك جديرة بالثقة ومليئة بالمعلومات المهمة جدا وانا استفدت منها كتير
واتمني زيارة الرابط الخاص بمدونتي مدونة مملكتك واعطائي رأيك لانه يهمني بصراحة
http://www.mmlaktak.com
شكرا على المعلومة الرائعة
شكرا على المعلومات الرائعة و لكن عندما عملت هذه الخطوات ثم عرضت معينة لمدونتى لم يظهر أى شىء بالأضافة انه اخبرنى ان المدونة غير معروفة وأرجو منك الدخول الى مدونتى ( الربح من الانترنت) لإبداء رأيك فيها
www.alhakem2010@blogspot.com
@حكيم
العفو أخي ، فقط أعد تطبيق الخطوات دون اي خطأ وان شاء الله ستعمل الأداة.
يا اخى انا بقالى كتير جدا بدور على الهاك دة بس فى مشكلة حتى مع الهاك دة
لازم عدد الموضوعات فى الهاك يكون هو نفس عدد الموضوعات التى تتحدد لعرضها فى الصفحة الاولى من اعدادت المدونة
انا احتاج شريط اخبارى لكل موضوعات المدونة
هل يمكن ان اجد ؟
@amr awwad
أخي الفاضل:
- من فضلك لغة المدونة هي اللغة العربية الفصيحة فرجاء التقيد بها.
- الأداة تعرض المواضيع حسب إختيارك فلو قرأت الموضوع لوجدت أني شرحت أن 10 مواضيع كخيار ويمكنك ضبظ العدد كما تريد.
وفي إعتقادي أن لو وضعت شريطا لكل مواضيع مدونتك فلن يعتبر شريطا للآخبار بل حينها نطلق عليه اسم شريط لكل مواضيع مدونتك :)
الله يجزاااااااك خير
ويعطيك الف عافية اخوي الطالب
والله يوفقك ويزيدك علم
السلام عليكم أخي
أدعو من قلبي لتتجاوز الامتحانات متفوقاً
----------
لاحظت في نهاية الكود الأول خطأ
بدلاً من Script ... كتبت scriqt
و لو تم تصحيحه سيعمل الكود بالنسبة لأخي الحكيم
-----------
وفقك الله لما يحبه و ترضاه
أخوك
محمد
سؤال أخي العزيز
حاولت وضعه في مكان مناسباً أكثر لكن لم أجد
ما هي شفرة المدونة ...الصورة التي تضعها على الشريط الجانبي الأيمن
شكراً لك ..منتظر ردك
شكرا على الشرح الواضح
كيف اضع اقسام لمدونتي
.
السلام عليكم أخي الفاضل ..
اتبعت ماورد منكم لكن ظهر لي
(( ↑ أضف هذه الأداة شريط آخر المواضيع ))
أتمنى منكم مساعدتنا ولكم منا جزيل الشكر ..
السلام عليكم
نفس مشكلة شفير الذكرى ياريت يا اخي تتأكد من الكود
بوركت
إرسال تعليق