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

 

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

معاينة

خطوات إضافة هاته القائمة إلى المدونة :

» توجه إلى لوحة التحكم الخاصة بمدونتك ثم => اختر تصميم ثم => إضافة أداة HTML/Javascript.

» قم بلصق الكود التالي داخل الأداة :

<div class='widget-content'>
<style type='text/css'>
#nav #current{
   background-color: #0092DE;
}
#nav #current2{
   background-color: #FFCC00;
color: #000;
}
#nav
{
    padding:1px;
}

#nav li
{
     display:inline;
}

#nav li a
{ 
   font-family:Arial;
   font-size:16px;
   text-decoration: none;
   font-weight: bold;
   padding:7px;
   background-color: #333;
   color:#ffffff;
   border: 1px solid #fff;
   margin-top:-12px;
}
#nav li a:hover
{
   background-color:#17A69C;
   border: 1px solid #fff;
}

</style>

<ul id="nav">
<center>
<li><a href="http://adf.ly/DzduO"id="current"><span>الرئيسية</span></a></li>
<li><a href="http://adf.ly/DzduO"id="current2"><span>أعمالى</span></a></li>
<li><a href="http://adf.ly/DzduO"><span>راسلنى</span></a></li>
<li><a href="http://adf.ly/DzduO"><span>سجل الزوار</span></a></li>
<li><a href="http://adf.ly/DzduO"><span>ما الجديد</span></a></li>
<li><a href="http://adf.ly/DzduO"><span>أكواد الألوان</span></a></li>

</center>
</ul>
</div>
<div class='clear'></div>

» الآن قم بحفظ الأداة و وضعها في الهيدر.

» غير الروابط و أسماء الصفحات بصفحاتك الخاصة.

» إدا واجهتك أي مشكلة في تركيب هاته القائمة, يمكنك وضع استفسارك في تعليق.

 

انتهى الدرس, أرجو أن ينال إعجابكم و إلى اللقاء في درس قادم إن شاء الله

________________________________________________________