16 قائمة رئيسية منسدلة بتقنية CSS3 لمدونات بلوجر

16 قائمة رئيسية  منسدلة بتقنية CSS3 لمدونات بلوجر



16 قائمة رئيسية منسدلة بتقنية CSS3 لمدونات بلوجر بشكل إحترافى ,أضف كود القائمة الرئيسية وإستمتع بشكل جمالى لمدونتك حيث أن القوائم الرئيسية مصممة بتقنية CSS3  ,تابع التقرير التالى .

16 قائمة رئيسية  منسدلة بتقنية CSS3 لمدونات بلوجر

لعلك بحثت كثيراً عن كيفية عمل قائمة منسدله رئيسية لمدونتك بشكل إحترافى وفى نفس الوقت تكون متوافقه مع تقنية CSS3  بدون أى أخطاء تقنية ,نقدم إليكم 16 قائمة رئيسية منسدلة بألوان وأشكال مختلفة تتوافق مع تصميم وقالب مدونتك فى بلوجر ,الأن سنشرح لكم كيفية إضافة القائمة الرئيسية لمدونتك وإستمتع بإضافة الأقسام الرئيسية فى مدونتك .

كيفية إضافة كود القائمة الرئيسية المنسدلة فى بلوجر

لإضافة كود القائمة الرئيسية المنسدله لمدونتك فى بلوجر من فضلك قم بإتباع الخطوات التالية :
  1. قم بتسجيل الدخول إلى مدونتك فى بلوجر .
  2. من القائمة الجانبية قم بإختيار تخطيط أو "Layout" .
  3. قم بالضغط على إضافة عنصر أو "Add a Gadget ".
  4. قم بإختيار "HTML/Java Script" .
  5. قم بإضافة كود القائمة الرئيسية المنسدله بعد تعديل الكود ووضع أسماء الأقسام الرئيسية ورابط القسم ثم قم بعمل حفظ.
  6. إنظر إلى الصور التالية .
اضافة قائمة رئيسية منسدله

كيفية اضافه قائمة رئيسية للاقسام

بعد إضافتك للكود يجب التعديل عليه بما يناسب الأقسام الرئيسية لمدونتك كالتالى :

<li><a href="# هنا رابط القسم"><span> هنا عنوان القسم</span></a>
الأن قم بتحميل الكود الذى يعجبك والذى يتناسب مع ألوان وتصميم قالب مدونتك .

16 قائمة رئيسية  منسدلة بتقنية CSS3 لمدونات بلوجر

1- قائمة رئيسية أوبرا فاتحه "Light Opera Drop Down Menu"

قائمة رئيسية احترافية



2- قائمة رئيسية سوداء -Animated Drop Down CSS3


3- قائمة رئيسية ملونه -Colored Tab Dropdown

4- قائمة رئيسية أبل سوداء - Black Apple Drop Down Menu


5- قائمة رئيسية حمراء/رمادية - Red & Grey Rough Drop Down Menu



6- قائمة رئيسية فاتحه -Apple Light Drop Down Menu


7- قائمة رئيسية برتقاليه -Orange CSS3


تحميل كود القائمة الرئيسية  - Hulkload Server

8- قائمة رئيسية رفيعه -Grey Impression Drop Down Menu


9- قائمة رئيسية لبنى اللون - Flat Horizontal Drop Down Menu


10- قائمة رئيسية زرقاء داكنه -Blue Drop Down Menu

11- قائمة رئيسية رمادية -Rounded Slate Dropdown Menu


12- قائمة زرقاء بسيطه -Simple Blue



13- قائمة رئيسية حمراء بسيطه -Simple Red



14- قائمة رئيسية حمراء/رمادية -Grey Red Drop Down Menu


15- قائمة رئيسية مبسطه - Skinny Orange


16- قائمة رئيسية حمراء/سوداء - Red Bubble Wrap




كلمة أخيرة

فى الدروس القادمة بإذن الله سنقوم بشرح كل الإضافات والتعديلات فى قوالب البلوجر فتابعونا .يسعدنا أن نتلقى إستفساراتكم وأسئلتكم من خلال التعليقات بالأسفل ,نتمنى أن يكون هذا الدرس "16 قائمة رئيسية  منسدلة بتقنية CSS3 لمدونات بلوجر " قد أفادكم ,إلى اللقاء فى درس قادم بإذن الله .

9 comments:

  1. أشكرك كثيرا علي مجهودك في هذه الدروس لكن لدي سؤال:
    1. لم أستطع تنفيذ هذا الدرس بشكل نظري فأتمني لو ممكن يتم الشرح عن طريق الفيديو.
    2. في درس (أضف مدونتك ألي 1653) موقع, عند أضافه مدونتي يسنمر الي الرقم 46 ثم يقف بعد ذلك. لماذا؟

    ردحذف
  2. السلام أخي الكريم تواجهني مشكلة عندما أريد أن أري مشاركتي تظهر لي هذه الصفحة

    bloyspot.com

    ردحذف
  3. كود القاتمة الرئسية أحصل عليه ازاى ؟

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

    ردحذف
  5. تم النطبيق لكن للأسف تنضاف مع القائمة الأولية

    إذا أمكن أخي طريقة تغيير الأولى بالجديده

    http://safa7t.blogspot.com

    ردحذف
  6. شكرا لك تمت الاضافة بنجاح
    http://kitabilakom.blogspot.com/

    ردحذف
  7. احسنت ولكني عملتها ولم تفلح بنتيجه مع العلم ان قالب مدونتي يشبه قالب مدونة المحترف ---
    من فضلك لو تقدر ان تعمل هذا الشرح على اليوتيوب (اي عمل فديو ) والحاقه بهذا الشرح

    ردحذف
  8. ممكن تفهمني كيف أحصل على رابط القسم؟

    ردحذف
  9. كتر خيرك أيها الرائع

    ردحذف