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

عدد مشاهدات الموضوع:
مرحبا بكم من جديد هذه المرة سوف نقوم بإضافة " قائمة أفقية " لمدونات بلوجر بشكل جديد بل بأشكال جديدة وبعدة ألوان مصممة حسب ذوقكم والتي تظفي جمالية أكثر لمدونات بلوجر لقد قمت بتعريبها لتتناسب مع المدونات العربية،لكم الإختيار في اللون المناسب حسب مدونتكم
،رائعة أليس كذلك،والآن نذهب مباشرة للتطبيق.

 معاينة
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي :لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.

</head>
ثم ضع الكود التالي فوقه :
<link href='http://sites.google.com/site/mohamedabuiyad/horizontal-bar/abu-iyad.css' rel='stylesheet' type='text/css'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>
قم بحفظ القالب ثم توجه إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :
<ul class="abu-iyad">
<li class="current"><a href="http://abu-iyad.blogspot.com/"><b>الرئيسية</b></a></li>
<li><a href="http://abu-iyad.blogspot.com/2010/05/abu-iyad.html"><b>فهرس المدونة</b></a></li>
<li><a href="http://abu-iyad.blogspot.com/2010/05/blog-post_3377.html"><b>بلوجر</b></a></li>
<li><a href="http://abu-iyad.blogspot.com/search/label/SEO?&max-results=6"><b>SEO </b></a></li>
<li><a href="http://abu-iyad.blogspot.com/2010/04/blog-post.html"><b>إتصل بنا</b></a></li>
</ul>
و لإضافة تسميات أخرى على القائمة الأفقية ما عليك سوى إضافة مثل هذا الكود
<li><a href="رابط التسمية "><b>التسمية</b></a></li> 
 فوق السمة :
</ul>
ولاتنسي تبديل مالون بالأحمر بإسم التسمية ورابطها على الكود 

ثم بعد ذلك قم بإزاحة الأداة فوق مدونتك كما هو موضح في الصورة أسفله .


كما ذكرت سابقا لدينا الآن 5 نماذج من القوائم الأفقية ويمكنك إختيار أي واحدة حسب ألوان مدونتك ،عليك سوى تبديل الكلمة ذات اللون الأزرق " abu-iyad" بأحد هذه الكلمات :

  1. abu-iyad
  2. abu-iyad bleu
  3. abu-iyad vert
  4. abu-iyad orange
  5. abu-iyad violet
ولا تنسى أن تقوم بتبديل ما لون باللون الأحمر بروابط مدونتك وتبديل ما لون باللون الأخضر بعناون القائمة .
أتمنى أن تنال إعجابكم ، فلا تبخلوا علينا بتعليقاتكم ،في إنتظار تشجيعاتكم

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

  1. اقل مايقال انك مبدع اخي الكريم

    هته القوائم جد نادرة..اشكركم لمجهوداتكم

    ملاحظة فقط

    انصحك باتعامل مع GOOGle و ليس موقع اخر ك

    http://www.mdn.fm

    نضرا لعدة اسباب اهمها بطء تحميل الصفحة و دوامها

    بالتوفيق و لك مني اجمل تحية

    ردحذف
  2. شكرا أخي الكريم على النصيحة لقد قمت بتحول رابط CSS الى موقع google site

    ردحذف
  3. أزال المؤلف هذا التعليق.

    ردحذف
  4. أزال المؤلف هذا التعليق.

    ردحذف
  5. شكرااااااااااااا لك على الشروحات الجميلة وفقك الله

    ردحذف
  6. جزاك الله خير والله فكيت عني في مدونتي زحمة ما كان لها داعي رحم الله والديك وارجوا ان تقبلني صديقا لك أخوك احمد زنجي

    رابط مدونتي شوفها واعطيني رايك
    http://xzizx.blogspot.com/

    ردحذف
  7. لا شكر على واجب اخي الكريم ، ومرحبا بك كصديق ،فهذا من دواعي سروري

    ردحذف
  8. غير معرف2:56 م

    شكرا لك لكن لم تعمل تاتى القائمة رأسية وليست افقية

    ردحذف
  9. أخي الفاضل ، الأداة تعمل 100% ، ربما قمت بخطأ أثناء عملية النسخ واللصق أو أن هناك خلل على مستوى تنسيق مدونتك ، أطلعنا على رابط مدونتك للمعاينة أخي الكريم

    ردحذف
  10. انا عملتها يا ابو اياد بس مش عارفه احط ازاي مثلا قسم عندي في الكود

    ردحذف
  11. @Dr/ walaa salah
    قومي بالدخول الى القسم الدي تريدين ثم قومي بنسخ رابط الصفحة من مكان إدراج الروابط على المتصفح ثم قومي بلصقه مكان الروابط ذات اللون الأحمر وأدخلي كذلك إسم القسم مكان ما لون بالأخضر

    ردحذف
  12. ابو اياد انا عملتها والحمد لله طلعت ممتازهانا متشكره اوي ليك

    لكن عندي سؤال هو مينفعش يكونوا اكتر من ستة مسميات ؟

    ردحذف
  13. @Dr/ walaa salah
    السلام عليكم ورحمة الله ، أختي الكريمة يمكنك التحكم في عدد المسميات من القائمة الأفقية كما تشائين ،يمكنك مراجعة الموضوع مرة ثانية لأنني قمت بشرح الطريقة ردا على طلبك ،أما بالنسبة لموضوع الأيقونات بجانب العناوين لقد قمت بتعديل قالبك لتعمل فيه تلك الخاصية وقد أرسلته لك بالبريد الالكترويني

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

    ردحذف
  15. اضافة جميلة جدا بس فيها مشكله ان حجم القايمة صغير جدا عن القالب ياريت تفيدنى

    ردحذف
  16. جزاك الله كل خير على الشرح الوافي
    لدي استفسار غيرت التسمية وكتبت انا في سطور لكن كيف اكتب بداخلها؟؟وايضا سؤالي عن بقية التسميات الاخرى
    وشكرا لك
    رابط مدونتي ..
    http://az8fee2011.blogspot.com/

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

    ردحذف
  18. غير معرف5:58 م

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

    ردحذف
  19. غير معرف3:27 م

    السلام عليك اخي
    عندي مشكلة لقد رفعت قالب الهيدر فيه متحرك ارجو منك طريقة لتثبيته
    ثانيا القالب فيه القائمة الافقية
    لكن كيف انشئ روابط لهذه القائمة
    ثالثا في القائمة يوجد مثلا software اريد لما اضع عليه الفأرة تنزل قائمة عمودية منه مثلا
    media
    antiviruse
    other soft

    ارجو ان تعذرني ان اطلت عليك اخي
    بالمناسبة انت تملك اجمل مدونة رأيتها
    والسلام عليكم ور حمة الله

    ردحذف
  20. مشكور اخى على الاداة

    ردحذف
  21. مشكور اخوي :x

    ردحذف
  22. شكرآ لك مجهود جميل منك

    ردحذف
  23. عندي مشكلة القائمة صور الايقونات رايحة الا لما احط المؤشر عليهاhttp://ahmadmod.blogspot.com /

    ردحذف
  24. تسلم ايدكــ فكرهــ مــــوز تم التطبيق

    ردحذف
  25. ابو اياد حبيبي كيفك
    .
    ياغالي ممكن تكون هناك الوان اخرى للقائمة

    ردحذف
  26. السلام عليكم هى موجودة فى المدونة من التصميم ولكن احب ان اغيرة الى طريقتك فما هى الطريقة لكى احذف القديم http://semo-freedoomegypt.blogspot.com/

    ردحذف
  27. مرحبا أرجو منك الإفاده..
    كلما أضفت قائمة أفقية علوية بمدونتي تظهر لدي بالجانب لأنه لاتوجد خانة لإضافة اداه في أعلى تصميم القالب

    ردحذف
  28. تسلم ايدكــ فكرهــ مــــوز تم التطبيق

    www.7amil-al3ab.blogspot.com
    ((;

    ردحذف
  29. merci
    www.ukb07.blogspot.com

    ردحذف
  30. السلام عليكم ورحمة الله
    شرح رائع دائما فى تقدم ان شاء الله
    اخى العزيز يوجد شكل للزرار اريد ان اعرف كيف اركبه على مدونتى
    من هذا الموقع اريد الشكل الثانى او الثالث
    http://www.geekblogger.org/2010/02/add-drop-down-menu-widget-in-blogger.html

    انا حولت ولم اعرف
    مدونتى
    http://now-shopping.blogspot.com/
    وشكرا

    ردحذف
  31. شكرا لك اخي ابو اياد
    بس كلما اقوم بوضع الكود الاول فوق head واقوم بعمل حفظ للقالب يخبرني بان هناك خطاء وهذه الرسالة كالتالي :

    " تعذر علينا حفظ القالب
    يرجى تصحيح الخطأ التالي، ثم إرسال القالب مرةً أخرى.
    تم العثور على أكثر من عنصر واجهة مستخدم واحد يحمل المعرف: HTML13. يجب أن تكون معرفات عناصر واجهة المستخدم فريدة."

    نريد منك الافادة حيث انني جربتها على مدونة اخرى ثانية بتاعي ضبطة الطريقة بشكل ممتاز ولكن في هذه المدونة http://arab-editors.blogspot.com/ لم تضبط ،،

    ردحذف
  32. شكرا جزيلا


    http://www.elhyaah.com/

    ردحذف
  33. غير معرف10:59 م

    شكرا

    ردحذف
  34. ابو إياد طال عمرك انا اضفنها لاكنها لم تظهر بالشكل المطلوب فقط تظهر التسميات بدون خلفيه لها كما في الصورة ... ارجو التوضيح مع خالص شكري .

    ردحذف
  35. جزاك الله خيراً يا أبو اياد

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

    ردحذف
  37. السلام عليكم
    اخي انا حملت قالب وركبته على مدونتي
    فعحبني القالب ...
    فعندي في نفس القالب قائمة أفقية فيها التالي
    الصفحة الرئيسية , أعمال , دونلود , اسلاميات , تعديل ,ألعاب , ادب , برامج
    فهذي القائمة من نفس القالب أنا لم أعملها
    حلو
    طيب اش ابغى منك وياريت تساعدني
    اللي ابغاه منك
    انا القوائم هذي اضغط عليها مايطلع لي شي اضغط واضغط لا تظهر لي اي صفحة
    فالمطلوب هوا اني ابغى لمن اضغط عليها ينفتحلي قسم
    كيف اسوي قسم وادرجة تحت مسمى الاسم اللي بالاسماء في القائمة الافقية هذا اولا
    فياريت تساعدني وهذا رابط مدونتي لحتى تطلع على المشكلة بنفسك http://azooo07.blogspot.com/
    وياريت تساعدني ارجوك أخي

    ردحذف
  38. هل يمكن تغير لون الابيض ليناسب لون الخلفية
    http://asirdabe.blogspot.com/

    ردحذف
  39. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  40. لم تعمل معى ولا أعرف لماذا :(

    ردحذف
  41. غير معرف11:25 م

    شكرا جزيلا أخي

    ردحذف
  42. جزاكم الله بالخير اخي

    ردحذف
  43. تدوينة رائعة تحياتى

    http://klmat4u.blogspot.com

    ردحذف
  44. طيب لو سمحت اخوي كيف اغير شكل القائمه مثلا يكون لها خلفيه

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

    ردحذف
  46. لم اجد كلمة (تصميم) في مدونتي

    ردحذف
    الردود
    1. اذهب الى تخطيط

      حذف
    2. عفوا غلطت اذهب الى قالب

      حذف
  47. هدا رابط مدونتي شرف لي ان تزور مدونتي اخ ابو اياد

    ردحذف
  48. http://marlivetv.blogspot.com/

    ردحذف
  49. جزاك الله خيرا

    ردحذف
  50. شكراً جزيلاً يا أكثر من رائع .. هل تعلم أنك كسبت في ثواب عظيم لأني منذ عدة أيام و أنت أبحث عن مثل هذا الشيء فلم أكن أجده حتى كدت اصل إلى درجة اليأس لكنك أنقذتني منها فشكرأ جزيلاً لك :-t :)

    ردحذف
  51. بسم الله والصلاة والسلام على رسول الله وبعد

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

    ردحذف
  52. والله أفادتني وكل ما قلته صحيح

    ردحذف
  53. واصل تدويناتك الاكثر من رائعه جزاك الله خيرا
    تقبل مرورى والسلام عليكم ورحمة الله وبركاته
    http://tarfilm.blogspot.com

    ردحذف
  54. غير معرف2:04 ص

    والله أفادتني واصل
    http://th5pro-pc.blogspot.com/

    ردحذف
  55. كيف اجعل هذا الشريط متحرك معى يعنى لما اجى انزل تحت يمنزل معى

    ردحذف
  56. غير معرف2:14 م

    أخي كيف أغير لون الشريط

    ردحذف
  57. شكرا لك لكنها ظهرت لي فقط التسميات و لم يظهر اللون و الشكل الذي وضعته انت
    ثانيا اين اجد اكواد التسميات كي احذف الذي وضعتهم انت و اضع تسمياتي
    و شكرا لكم

    ردحذف
  58. اخي ابو اياد عاين المدونة
    http://omriad.blogspot.fr/

    ردحذف
  59. جزاك الله خيراً على الشرح الماتع ولكن هناك مشكلة وهو أنه عند إضافة رابط لتسمية معينة فإن القالب لا يتم عملية الحفظ ويعطي تلك الرسالة : حدث خطأ أثناء تحليل XML، في السطر 1815، العمود 75: The reference to entity "max-results" must end with the ';' delimiter.

    وقد جربت إضافة العلامة المطلوبة ';' في غير ما موضوع رغم أنني غير مقتنع بإضافتها دون جدوى.

    رابط مدونتي : http://profit-tech.blogspot.com

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية