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

                                                                   بسم الله الرحمن الرحيم

 

                                                                  

                                                             

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

  

خطوات إضافة هاته القائمة إلى المدونة : » توجه إلى لوحة التحكم الخاصة بمدونتك ثم => اختر تصميم ثم => إضافة أداة 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://www.almohands.info/"id="current"><span>الرئيسية</span></a></li>
<li><a href="http://www.almohands.info/"id="current2"><span>أعمالى</span></a></li>
<li><a href="http://www.almohands.info/"><span>راسلنى</span></a></li>
<li><a href="http://www.almohands.info/"><span>سجل الزوار</span></a></li>
<li><a href="http://www.almohands.info/"><span>ما الجديد</span></a></li>
<li><a href="http://www.almohands.info/"><span>أكواد الألوان</span></a></li>

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

» الآن قم بحفظ الأداة و وضعها في الهيدر.
» غير الروابط و أسماء الصفحات بصفحاتك الخاصة.
» إدا واجهتك أي مشكلة في تركيب هاته القائمة, يمكنك وضع استفسارك في تعليق.