الأربعاء، 23 ديسمبر 2009

كيفية اظافة شريط آخر مواضيع المدونة - لمدونات بلوجر ؟

قراءة للموضوع


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

مثال للشريط انظر الصورة :

اضغط لتتكبر الصورة












خطوات الشرح :

أولا : قم بالدخول الى حسابك على بلوجر ومن اللوحة التحكم اختر التبويب :تخطيط - عناصر الصفحة وانقر على إضافة أداة في منطقة جزء التخطيط (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://arab-editors.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script><scriqt>
<ul><span style=";" >
<a href="http://arab-editors.blogspot.com/2009/12/blog-post_23.html" title="اضف "> اضف هذه الاداة </a><a href="http://arab-editors.blogspot.com/" 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="»»"; هذا هو الرمز الذي يظهر قبل عنوان اي موضوع على الشريط ويمكنك تغييرة

ومبروووووووووووووك عليكم الاظافة ،،،،،،،


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


50 التعليقات:

Unknown يقول...

جزاك الله خيراً ياأبا خلود

Unknown يقول...

اخ خالد عند اضافتى للكود ثم استعرض الشريط اجده قد نزل فعلا ولكنه لا يتأثر بتغيير اللون كما ذكرت وتكون العناوين مسبوقه بكلمة undefined لا أعرف لماذا؟؟؟ ارجو الافادة

حصان المرجيحة يقول...

بالتوفيق يا اخ خالد
و عايزين اكتر
من اجل مدونات افضل

Unknown يقول...

شكرا

جزاك الله خيراً ياأبا خلود

Tears يقول...

جيد و لكن عندما وضعته بيمشى شوية شمال و شوية يمين و الاهم ان بيحصله

freeze

على شلش يقول...

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

الشاعر فادي يقول...

http://elsh3erfady.blogspot.com/
اتمني من الجميع الانضمام الي المدونه الشاعر فادي

Unknown يقول...

شكرا على المجهود الرائع وجزاك الله كل خير

غير معرف يقول...

شكرا اولا علي التدجوينة الرائعة
ايضا حصل معي مثل ما حصل للاخ
عملت كل الخطوات و لم يظهر اي شريط في الاعلي ظهر فقط

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

مدونتي هيا نعرف عن المثلية
http://www.almitliya.blogspot.com/

أمير تكريت يقول...

بارك الله فيك اخي

Dolarandgold يقول...

شكرا على كل هذا
والى الامام دائما

http://comedyshooo.blogspot.com/

Ilyass Nazih يقول...

مشكوور اخي

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

http://guide-of-musculation.blogspot.com/

Unknown يقول...

شكرا علي الاضافة رائعة وجذابة

moustafa يقول...

شكراً على شرحكم الرائع

ومدونتى :

http://egypthistorytourism.blogspot.com/

غير معرف يقول...

فرصة عظيمة
اشهر مدونتك مجانا وشع اعلاناتها على اكثر من الف موقع من المشاهير فقط اذهب الى هذا الرابط
http://www.ad4arb.com/bnr/aymanmohsen.html

machahir123 يقول...

see more here
http://machahir123.blogspot.com/

غير معرف يقول...

http://aflam3lakifak.blogspot.com/

إيمان يقول...

شكرا جزيلا أستاذ خالد تمت الاضافة ..
ربي يحفظك

Unknown يقول...

شكرا لقد افدتنا حقا وشكرا هذا عنوان مدونتى
http://man9ool.blogspot.com

هشام الطواف يقول...

بارك الله فيك على هذه المعلومة وزادك الله من فضله شرح اكثر من رائع تمت الاضافة بنجاح من اول محاولة
http://taouaf76.blogspot.com/

عزف الجروح يقول...

بارك الله فيك اخوي
تم الاضافة في المدونة عندي

http://3zef-des.blogspot.com/

مدونه ابو رودي يقول...

اخي العزيز شكرا لك ،، لكن لم تظهر مواضيع مدونتي انا ، بل مدونتك انت .

Unknown يقول...

الف شكر اخي الكريم
وتسلم يدك .

Mounir يقول...

شكرا اخي الكريم
هذه مدونتي الخاصة http://idm13.blogspot.com/

Z4D Labs يقول...

بار الله فيك أخي

last warrior يقول...

ألف شكر
www.kharbha.blogspot.com
هذه مدونتى مدونه خاربها لنقل وبث المباريات العالميه والمحليه مباشره ومجانا

ahmed hassan يقول...

شكر على المجهود الرائع tourismnolimits.blogspot.com

روايه رماديه يقول...

الف شكر على الشرح.......بس اذا ممكن تفسرلي كيف اغير

الاخبار الموجوده في الشريط..! انا اضافتها وكل شيء تمام

بس كيف اغير الاخبار!!!...واكون شاكره اذا جاوبتوني

اسبرانزا 2012 يقول...

مينفغش تغير الأخبار لأنه بيضيف أخر الإضافات في المدونة مش مواضيع مختارة :)

روايه رماديه يقول...

يعطيك العافيه ....يعني لما اكتب شيء جديدللمدونه ينضاف لشريط بشكل مباشربدون مااعمل شيء..!

انا عملت نفس الخطوات تمام بس غيرت عنوان وكتبت عنوان

مدونتي.........ياليت تفهمني الله يسعدك

روايه رماديه يقول...

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

يظهر الشريط!..ويظهر لي مربع فيه...
type Error can not read property link of undefined

وترجمته بس !رابط اللي اضفته صحيح!! افيدوني واكرر اسفي على الازعاج

engman يقول...

THANKS FOR UU

http://google-seo-secrets-eng.blogspot.com/

حوريات يقول...

شكرا كتييييييييييييييييييييررر
تمت بحمد الله
ننتظر منكم المزيد

sharifaarts يقول...

شكرآ يعطيكم العافيه

CARA يقول...

شكرا اخي خالد على الحدمة وكثيرا ما استفدنا من مواضيعك القيمة جزاك الله ألف خير وهدا نمودج لمدونتي المتواضعة www.flashsat.blogspot.com

أخبار - أهرام يقول...

موضوع رائع

Wohnungsräumung يقول...

thanx

أخبار اليوم يقول...

تسلم ايديك على الموضوع

توب موفيز يقول...

شكرا ياباشا على المعلومة

خالد محمد (ابوخلود) يقول...

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

Tamer Atalla يقول...

اضافة الشريط ولقيتة خاص باعلانتكم انتم رغم تغيرى للعنوان

خالد محمد (ابوخلود) يقول...

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

Unknown يقول...

مدونه مزيكا لاين
كل جديد وحصرى ومفيد
http://maziikaline.blogspot.com/

غير معرف يقول...

السلام عليكم ورحمة الله هذي مدونتي جديده اضفة الشريط وعدلت بس عندي مشكله
TypeError: json.feed.entry is undefined
ماعرفت وش اسيو ممكن المساعده ودمتم
http://w-lady.blogspot.com/

خالد محمد (ابوخلود) يقول...

اشكرك عالم سيدتي على مرورك بمدونة المحررون العرب وعلشان تتاكد من الخطاء من اضافة شريط اخر المواضيع قم بازالة الاضافة وتاكد هل هو من هذه الاضافة ؟ وانا برأيي ان المشكلة مش من الاضافة هذه لانها اضافة HTML/JAVASCRIPT مالها علاقة بقالب المدونة بل هي في الشريط الجانبي السايد بار . واخبرني بالنتيجة علشان نحل مشكلتك

رولآ اليآفعي يقول...

شكرا لك أخي كنت محتاجة كثيير لها ..
الله يجازيك الجنة
..

belal ahmed يقول...

جزاك الله خيرا على هذا الشرح الممتع حقا لقد أستفدت كثرا وأتمنى منك أن تزور مدونتى وتنصحى بحلول أفضل لتطوير هذة المدونة فهى تحت طور الإنشاء وهو مشروع ممتاز لدرجة لا تتصورها وأنا عل يقين من نجاحة إن شاء الله http://egywinner.com

أم كوثر يقول...

السلام عليكم،طريقة جميلة للعرض،شكرا على الموضوع،لكن ألا تبطئ هذه الطريقة من سرعة فتح صفحة المشاركة،بمعنى آخر ألا يؤثر ذلك في سرعة تصفح المدونة؟

Transport Wien يقول...

الله يوفقكم..ع المجهود...:)

Jane Mohammed يقول...

مرحبًا ، أنا سعيد جدًا الآن لأنني حصلت على مبلغ قرضي البالغ 100000 دولار من هذه الشركة الجيدة ، يمكنك أيضًا الاتصال بهم إذا كنت بحاجة إلى قرض سريع ، فاتصل بهم الآن عبر هذا البريد الإلكتروني: (joanpatrickfinancefirm@gmail.com) أو whatsapp: + 917505983934

شكرا