16 قائمة رئيسية منسدلة بتقنية CSS3 لمدونات بلوجر بشكل إحترافى ,أضف كود القائمة الرئيسية وإستمتع بشكل جمالى لمدونتك حيث أن القوائم الرئيسية مصممة بتقنية CSS3 ,تابع التقرير التالى .
16 قائمة رئيسية منسدلة بتقنية CSS3 لمدونات بلوجر
لعلك بحثت كثيراً عن كيفية عمل قائمة منسدله رئيسية لمدونتك بشكل إحترافى وفى نفس الوقت تكون متوافقه مع تقنية CSS3 بدون أى أخطاء تقنية ,نقدم إليكم 16 قائمة رئيسية منسدلة بألوان وأشكال مختلفة تتوافق مع تصميم وقالب مدونتك فى بلوجر ,الأن سنشرح لكم كيفية إضافة القائمة الرئيسية لمدونتك وإستمتع بإضافة الأقسام الرئيسية فى مدونتك .
كيفية إضافة كود القائمة الرئيسية المنسدلة فى بلوجر
لإضافة كود القائمة الرئيسية المنسدله لمدونتك فى بلوجر من فضلك قم بإتباع الخطوات التالية :
- قم بتسجيل الدخول إلى مدونتك فى بلوجر .
- من القائمة الجانبية قم بإختيار تخطيط أو "Layout" .
- قم بالضغط على إضافة عنصر أو "Add a Gadget ".
- قم بإختيار "HTML/Java Script" .
- قم بإضافة كود القائمة الرئيسية المنسدله بعد تعديل الكود ووضع أسماء الأقسام الرئيسية ورابط القسم ثم قم بعمل حفظ.
- إنظر إلى الصور التالية .
بعد إضافتك للكود يجب التعديل عليه بما يناسب الأقسام الرئيسية لمدونتك كالتالى :
<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
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 لمدونات بلوجر " قد أفادكم ,إلى اللقاء فى درس قادم بإذن الله .