أضف قائمه جانبيه مميزة الشكل فى بلوجر 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5AA3qKnWkPHjBlCRV_QEdHstGDr_LtqOCltHw3hLBYuZoPBUuONHrdwyQ-B7DksmuWB2DvsSYQd-a20NWtxjkZGkMy3y3czggZpXr9XFvaMRjG36Ad9k-qySse4bCmkRGsmtCh3t8Nqo/); 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/AVvXsEj5AA3qKnWkPHjBlCRV_QEdHstGDr_LtqOCltHw3hLBYuZoPBUuONHrdwyQ-B7DksmuWB2DvsSYQd-a20NWtxjkZGkMy3y3czggZpXr9XFvaMRjG36Ad9k-qySse4bCmkRGsmtCh3t8Nqo/) 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>