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

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

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

،رائعة أليس كذلك،والآن نذهب مباشرة للتطبيق.

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

قم بالبحث عن الكود التالي :لا تنسى أخي المدون أن تأخد نسخة
إحتياطية لمدونتك تجنبا لأي أخطاء.

</head>

ثم ضع الكود التالي فوقه :

<link href='http://sites.google.com/site/mohamedabuiyad/horizontal-bar/abu-iyad.css' rel='stylesheet' type='text/css'/><a href="http://www.monte-escalier-prix.org"></a>

قم بحفظ القالب ثم توجه إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :

<ul class="abu-iyad">
<li class="current"><a href="http://abda3design.blogspot.com">الرئيسية</a></li>
<li><a href="http://abda3design.blogspot.com/p/blog-page_30.html">خدمات التصميم</a></li>
<li><a href="http://abda3design.blogspot.com/p/blog-page.html">خدمات الارشفة</a></li>
<li><a href="http://abda3design.blogspot.com/2012/09/blog-post_30.html">اتصل بنا </a></li>
</ul>

و لإضافة تسميات أخرى على القائمة الأفقية ما عليك سوى إضافة مثل هذا الكود

<li><a href="رابط التسمية ">التسمية</a></li>

فوق السمة :

</ul>

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

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