-->

الأحد، 7 أغسطس، 2011

أضف قائمه جانبيه مميزة الشكل فى بلوجر Vertical navigation menu for blogger

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


شاهد الشكل
* طريقة وضعه فى بلوجر
- سجل دخولك فى مدونة بلوجر
- إذهب إلى التصميم >> تحرير HTML
- إحفظ نسخه إحتياطيه من قالبك
- إبحث عن الكود التالى

]]></b:skin>

- ثم قبله تماماً أضف الكود التالى

#menu6 ul { list-style: none; margin: 0; padding: 0; } #menu6 img { border: none; } #menu6 { width: 200px; margin: 10px; } #menu6 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu6 li a:link, #menu6 li a:visited { color: #8D9179; display: block; background: url(https://lh5.googleusercontent.com/_u4rBCfM4eII/TWj8f48954I/AAAAAAAABQI/j8K5S9vO4ME/menu6.gif); padding: 8px 0 0 10px; } #menu6 li a:hover, #menu6 li #current, #menu6 li a:active { color: #6C7250; background: url(https://lh5.googleusercontent.com/_u4rBCfM4eII/TWj8f48954I/AAAAAAAABQI/j8K5S9vO4ME/menu6.gif) 0 -32px; padding: 8px 0 0 10px; }

- ثم قم بحفظ القالب 
- إذهب إلى التصميم >> عناصر الصفحه >> إضافة أداه >> HTML JAVASCRIBT
- ضع بها الكود التالى

<div id="menu9"> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#2">Link 2</a></li> <li><a href="#3">Link 3</a></li> <li><a href="#4">Link 4</a></li> <li><a href="#5">Link5</a></li> </ul> </div>

*** ملحوظه
* إستبدل كل ما هو بالأحمر برابط الصفحه
* إستبدل كل ما هو بالأزرق بعنوان الصفحه
* لاضافة صفحه أو إزاله صفحه فقط أضف أو قم بمسح الأتى
<li><a href="#">Link</a></li> 

** اللهم تقيل منا الصيام والقيام  وكل عام وأنتم بخير

abuiyad

1 التعليقات:

steve يقول...

شكرا لك اخي العزيز . سؤال هل يمكن تغيير لون القائمة و شكرا

أضف تعليق

عبر عن رأيك بدون تسجيل دخول

كن على إتصال

Best Blogger Tips
Blogger Gadgets