2010/03/24

طريقة عمل شريط أخباري لمدونتك


طريقة عمل شريط أخباري لمدونتك
هذا الشريط الأخبار هو شريط متحرك به أحدث مواضيع مدونتك فيستطيع الزائر مشاهدة عدد كبير من عناوين تدويناتك دون البحث الطويل عن موضوع معين وبذلك تكون المواضيع التي نسيت في مدونتك نصيب في القراءة مره أخرى بالمثل كما ذكرنا ذلك في موضوع " خاصية المواضيع ذات الصلة " ويمكن استخدام هذا الشريط على سبيل الإعلان عن مدونتك في أي مدونه أخري .
ويمكن إضافة هذا الكود تحت الرأس مباشرة كم تراه في أعلى هذه المدونة أو فوق منطقة التدوين أو في زيل المدونة ولا يفضل وضعه في الإطار الجانبي (السايد بار) لأن الشريط يتميز بالطول القصير والعرض الكبير .
وطريقة وضع هذا الشريط في مدونتك أتبع المسار المعتاد : لوحة التحكم الرئيسية – تخطيط – إضافة عنصر – Html/Javascript
وألصق بها الكود التالي :

<div style="width:auto;" align="center">
<script style="text/javascript" src="http://dreamydonkey.googlepages.com/scrolling_blogger_posts.js"> </script><script style="text/javascript"> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="right"; var sOpenLinkLocation="N"; var sBulletChar="•"; </script> <script style="text/javascript" src="http://MEZOMASR.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script></div>
مع استبدال أسم مدونتي MEZOMASR بالون الأزرق باسم مدونتك
وكلمة right باللون الأحمر تعني تحرك الشريط من اليسار إلى اليمين ويمكنك تغيير اتجاه الشريط ليتحرك من اليمين إلى اليسار بتغيير كلمة right إلى كلمة left
MaxPosts = 15 وكلمة تعني 15 مواضيع سوف يظهر في الشريط ويمكنك التعديل عليها بما يناسبك وأعتقد انه لا يقبل أن يزيد عن 25 موضوع
وأرجو أن يكون الموضوع أرضى إعجابكم وأرجو أن تتقبلوا تحياتي
ولتحميل الكود في ملف Text Document من هنا ( تحميل الكود )

هناك 45 تعليقًا:

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

    ردحذف
  2. الطريقة مجربة كما تريها يا أخت Memo في اعلى المدونة
    وانا قمت بعمل تغيير بسيط في الكود تستطيعي أن تشاهديه في الموضوع والكود لا يقبل أكثر من 25 موضوع فيمكنك تجربته مره أخرى
    وياريت تذكري ما حدث معك بالتفصيل حتى استطيع ان اجد الحل

    ردحذف
  3. شكرا جزيلا الطريقة نجحت معى ننتظر منك المزيد من الاضافات لنزيد من روعة العمل على البلوجر فان لها خصائص جد ممتازة .فمزيدا من الابداع
    http://arw3.blogspot.com/

    ردحذف
  4. ارجو المساعده لا استيطع وضع الاكواد

    ردحذف
  5. الطريقه سهله قوي
    شكرا جزيلا
    وتم تنفيذها
    http://sehhetak.blogspot.com/

    ردحذف
  6. dr/mohamed :
    فقط اخي عليك اتباع هذا المسار :

    لوحة التحكم الرئيسية – تخطيط او "التصميم" – إضافة أداه – Html/Javascript

    وضع به الكود مع تغيير اسم مدونتي MEZOMASR بأسم مدونتك

    ردحذف
  7. داليا يوسف :
    شكرا لمرورك أختي الكريمة
    وتمنياتي لكي بالتوفيق

    ردحذف
  8. جميل جدااااا
    http://movieonlinenaw.blogspot.com/

    ردحذف
  9. pop :
    أهلا بك وأتمنى ان تكون الإضافة اعجبتك

    ردحذف
  10. جنّـه :
    شكرا لمرورك الطيب اختي الفاضلة وجعلكِ الله من المعتوقين من النار في هذا الشهر الكريم

    ردحذف
  11. شكرا جزيلا على المجهود يااخى وجارى التجريب
    http://prospectingforgold2011.blogspot.com/

    ردحذف
  12. tarek :
    بالتوفيق أخي وشكرا لمروك الطيب

    ردحذف
  13. الشكر كل الشكر لك ياأخي على هذه المعلومة القيمة .. لقد عملت شريط اخبار على مدونتى بناءا على هذا الشرح .. و فقك الله و كتر من إمثالك ..

    ردحذف
  14. اخي الحبيب اشكرك علي هذه المعلومات التي توفرها لنا

    وانا من طرفي لم ولن اقصر بالضغط علي اعلانت جوجل طبعآ بالمعقول لا اتخاف

    سؤالي

    انت قلت اتبع التعليمات التالية

    فقط اخي عليك اتباع هذا المسار :

    لوحة التحكم الرئيسية – تخطيط او "التصميم" – إضافة أداه – Html/Javascript

    وضع به الكود مع تغيير اسم مدونتي MEZOMASR بأسم مدونتك

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

    ارجو الأفادة وبارك الله فيك

    ردحذف
  15. اين نضع الاخبار فى الرابط

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

    ردحذف
  17. عفوا بريدي issam003@hotmail.com

    ردحذف
  18. شكرا على المجهود وربنا يوفقك
    المدونه اكثر من رائعه
    http://e-business12.blogspot.com/
    blog talking about credit,debt,debt consolidation,investing,loans and wealth building

    ردحذف
  19. مشكور على الشرح اخى وجارى التطبيق على مدونتى

    e-business12.blogspot.com

    ردحذف
  20. السلام عليكم وشكراً لك على هذه الإضافة الهامة
    ولكن لدي سؤال إذا أمكن
    أريد تغيير لون الخط و حجمه إذا أمكن الشرح وشكراً

    ردحذف
  21. لماذا لا يعمل هذا الكود في مدونتي الرجاء الرد
    ولقد طبقت جميع الخطوات

    al_aobaidy@yahoo.com

    ردحذف
  22. تسلم يا غالى انا اخد الموضوع فى مدونتى بع اذنك يا غالى

    ردحذف
  23. مشكورين .. لكن الخط صغير .. كيف أزيد حجمه ..؟

    ردحذف
  24. شكرا اخى جزاك الله خيرا
    http://egypt3d.blogspot.com
    http://da3mmasr.blogspot.com/

    ردحذف
  25. على فكره الشريط مشراضى يتعمل يا ريت طريق ابسط من كده وتكون اكيده

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

    ردحذف
  27. أخي بارك الله فيك ممكن تفيدني ايش المشكلة عندي
    الكود يشتغل فقط اذا كان باسم مدونتك
    اذا استبدلته باسم مدونتي يتعطل ولا يشتغل
    أكرر شكري لك.....

    ردحذف
  28. مشكور ياخي
    اتحلت المشكلة

    ردحذف
  29. شكرا على الطريقة سوف احاول استخدامهت في موقعي لدورات التنمية
    البشرية

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

    http://abo3bdullah.blogspot.com/

    ردحذف
  31. مشكور ياخي
    اتحلت المشكلة
    http://abda3design.blogspot.com/

    ردحذف
  32. كبف احط الكلمات في شريط الأخبار يرجى الرد

    ردحذف
  33. اهلا اخي الفاضل
    هذا الكود او هذا الشريط يقوم بعرض الموضوعات الخاصة بمدونتك على شكل شريط متحرك تلقائيا فما عليك سوى وضع الكود في "عنصر جديد" من النوع "Html/Javascript" في الاطار الجانبي للمدونة او تحت بنر المدونة خاصتك مع تغيير اسم مدونتي (المتواجد في الكود) بأسم مدونتك.
    وليس هناك مجال لوضع كلمات او جمل داخل هذا الشريط فهو يقوم بعمله تلقائي بعرض الموضوعات بشكل متتالي.
    وأذا أردت ان تعرض بعض الكلمات او الجمل المتحركة يمكنك قراءة هذا الموضوع "طريقة عمل نص متحرك":

    http://mezomasr.blogspot.com/2010/07/blog-post_24.html

    وارجو ان اكون اجبت عن تساؤلك وتمنياتي لك بالتوفيق اخي

    ردحذف
  34. تم التطبيق جزاك الله خير
    ولكن سؤالي هو كيف يمكن تكبير الخط
    ولقد وجدت هذا السؤال من قبل ولم أجد له رد
    بارك الله فيك

    ردحذف
  35. جميله جدا ...
    جزاك الله خيراً...
    انا ركبتها في مدونتي:-
    http://bmocl.blogspot.com/

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

    ردحذف
  37. شكرا على مساعدتك لعمل تركيب شريط اىخبار

    ردحذف
  38. شكرا حبيب قلبي
    http://freenewtech.blogspot.com/

    ردحذف
  39. شكر اخي العزيز
    http://goldplacers.blogspot.com/

    ردحذف
  40. مشكووووووووووووووور يعطك الصحة خوياااااااااا

    ردحذف
  41. تمت الاضافة وشكرا
    http://amerhamerh.blogspot.com/

    ردحذف
  42. http://amerhamerh.blogspot.com/
    شكرا وتم التركيب شاهد

    ردحذف

يسعدنا تعليقك