* قم بتسجيل الدخول الي لوحة مدونتك علي بلوجر.

* اذهب الي تصميم ثم الي تحرير HTML.

* ابحث عن الكود التالي </head>

ضع قبله الكود الذي بالاسفل

<style type="text/css">
<!--
#menucase ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:165%;width:200px;}
#menucase ul.vert-one li{margin:0;padding:0;border-top:1px solid #4D0000;border-bottom:1px solid #761A1A;}
#menucase ul.vert-one li a{display:block;text-decoration:none;color:#fff;background:#600;padding:0 0 0 20px;width:180px;}
#menucase ul.vert-one li a:hover{background:#900 url("http://santabanta.mywapblog.com/files/vert-one-arrow.gif") no-repeat 0 9px;}
#menucase ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#933 url("http://santabanta.mywapblog.com/files/vert-one-arrow.gif") no-repeat 0 9px;}
-->
</style>

* قم بحفظ قالب مدونتك.

* اذهب مجددا الى عناصر تصميم الصفحه.

* قم باختيار اداه جديده من نوع HTML/javascript.

ضع بداخلها الكود الموجود بالاسفل

<div id="menucase"> 
 <ul class="vert-one">
  <li><a href="TAB1 URL HERE" title="CSS Menus">TAB1 TITLE HERE</a></li>
  <li><a href="TAB2 URL HERE/" title="CSS Menus">TAB2 TITLE HERE</a></li>
  <li><a href="TAB3 URL HERE/" title="CSS Menus" class="current">TAB3 TITLE HERE</a></li>
  <li><a href="TAB4 URL HERE/" title="CSS Menus">TAB4 TITLE HERE</a></li>

  <li><a href="TAB5 URL HERE/" title="CSS Menus">TAB5 TITLE HERE</a></li>
  <li><a href="TAB6 URL HERE/" title="CSS Menus">TAB6 TITLE HERE</a></li>
  <li><a href="TAB7 URL HERE/" title="CSS Menus">TAB7 TITLE HERE</a></li>
 </ul>
</div>

ملحوظه:- قم بتغيير الرابط الاحمر داخل الكود برابط القسم والكلام ذات اللون الاخضر باسم التسميه او القسم.

اي استفسار يرجا ترك تعليق بالاسفل!!