الأربعاء، 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="»»"; هذا هو الرمز الذي يظهر قبل عنوان اي موضوع على الشريط ويمكنك تغييرة

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


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


51 التعليقات:

محمد الجرايحى يقول...

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

aleskandrany يقول...

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

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

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

D£BbaLi يقول...

شكرا

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

Tears يقول...

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

freeze

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

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

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

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

بسمة الناصرى يقول...

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

ZIYAD يقول...

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

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

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

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

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

عبد الحميد يقول...

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

http://comedyshooo.blogspot.com/

iOusous يقول...

مشكوور اخي

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

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

Alin يقول...

thank you very much

صبري رضوان يقول...

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

moustafa يقول...

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

ومدونتى :

http://egypthistorytourism.blogspot.com/

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

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

machahir123 يقول...

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

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

http://aflam3lakifak.blogspot.com/

إيمان الشعلة يقول...

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

خالد الفيلالي يقول...

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

Nel يقول...

The blog is very good!
Congratulations!
http://nelsonsouzza.blogspot.com

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

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

3zef يقول...

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

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

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

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

عبير يقول...

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

moi يقول...

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

ThePrince يقول...

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

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/

shiemaa.com يقول...

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

ツ ŜŋòŔểҰ ツ يقول...

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

CARA يقول...

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

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

موضوع رائع

Wohnungsräumung يقول...

thanx

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

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

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

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

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

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

جريدة موقعة الجمل الاليكترونية يقول...

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

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

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

maziikaline يقول...

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

منتديات عالم سيدتي يقول...

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

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

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

samt al raghad يقول...

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

belal ahmed يقول...

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

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

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

Transport Wien يقول...

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