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

عطر الجنه

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

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

apercu.png

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

</head>
ثم ضع الكود التالي فوقه :
<link href='http://sites.google.com/site/mohamedabuiyad/horizontal-bar/abu-iyad.css' rel='stylesheet' type='****/css'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>​
قم بحفظ القالب ثم توجه إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Java******
ولآن الصق الكود التالي :
<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>​
ولاتنسي تبديل مالون بالأحمر بإسم التسمية ورابطها على الكود

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

CksuTksJLOlyMmxus-TK_6GIz5i3Th_dwx54y14lnqaiwLNivi1NyDIQgv3qa-QOVQ8JKKfmQHlZOVTh4S3SY-zUdlWFFwgQ6FVaENjPhxkEK2Dm8npFeJ6bVp0kQxjtuHTWUt5QR8Xfj5Ve2Vw=s0-d



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


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

مواضيع مماثلة

أعلى