مرحبا بك اخى الزائر في مدونة ( محمد رضا السباعي ) زيارتك تسعدنا ومتابعتك لنا تشرفنا... نتمنى لك مشاركة طيبة

الخميس، 29 سبتمبر 2011

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



افضل قائمة جانبية لمدونة بلوجر
انا استخدمها في مدونتي


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


]]></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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZX4hC4-ZWckR1HPDcU41E4i71GjKep2fdQd2LajryCQfWd1t-yAr9R2PU83yamoCsoS8ejq5Wvw489vtdUZyMoGwVxvasK9Ka8iGCzyvs9H6wWW_3o5mZ2GzXns3FlVwpfXQEPcH8Kx4/); padding: 8px 0 0 10px; } #menu6 li a:hover, #menu6 li #current, #menu6 li a:active { color: #6C7250; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZX4hC4-ZWckR1HPDcU41E4i71GjKep2fdQd2LajryCQfWd1t-yAr9R2PU83yamoCsoS8ejq5Wvw489vtdUZyMoGwVxvasK9Ka8iGCzyvs9H6wWW_3o5mZ2GzXns3FlVwpfXQEPcH8Kx4/) 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>

ليست هناك تعليقات:

إرسال تعليق

تعليقك يهمنا أثبت وجودك ولو بكلمة شكر