اضافة قايمة عمودية جانبية بشكل احترافى لمدونات بلوجر

كيفية اضافة قايمة عمودية جانبية بشكل احترافى لمدونات بلوجر هذا الموضوع يعرض لكم  شرح مبسط لذلك من مددونة ابداعاتى الشرح بسيط جدا مكون من خطوتين بسيطتين هيا بنا نذهب لنرى كيف يكون التركيب 

(1) ابحث عن 

]]></b:skin>

ضع قبله هذا الكود 

/*myebd3at.blogspot.com*/

 *{ list-style:none; margin:0px; padding:0px; } #menu4 { width: 200px; border-style: solid solid none solid; border-color: #D76100; border-size: 0px; border-width: 0px; } #menu4 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu4 li a:link, #menu4 li a:visited { color: #9E3C02; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF3-g2kJn4ifojWG1e_m6YmmRq-0HXYE3JzL2gML_O6OV9TOpLfhnghpMBaZoIjRUq8Tg8xuDXmMKHOQWF548Nr7SRtL8kAJGFWgee58MqvklBrpcXmwhGEuJAQSVDoYbGjzuCIp0WKsg/s1600/menu4.gif); padding: 8px 0px 0px 30px; } #menu4 li a:hover { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF3-g2kJn4ifojWG1e_m6YmmRq-0HXYE3JzL2gML_O6OV9TOpLfhnghpMBaZoIjRUq8Tg8xuDXmMKHOQWF548Nr7SRtL8kAJGFWgee58MqvklBrpcXmwhGEuJAQSVDoYbGjzuCIp0WKsg/s1600/menu4.gif) 0 -32px; padding: 8px 0 0 30px; } #menu4 li a:active { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF3-g2kJn4ifojWG1e_m6YmmRq-0HXYE3JzL2gML_O6OV9TOpLfhnghpMBaZoIjRUq8Tg8xuDXmMKHOQWF548Nr7SRtL8kAJGFWgee58MqvklBrpcXmwhGEuJAQSVDoYbGjzuCIp0WKsg/s1600/menu4.gif) 0 -64px; padding: 8px 0 0 30px; }

 /* myebd3at.blogspot.com*/

(2) اذهب إلى التخطيط >> اضافة أداة >> javascript 

ضع بها هذا الكود

<div id="menu4"> <ul> <li>

<a href="#1" title="Home">تعديل</a></li> <li>

<a href="#2" title="About">تعديل</a></li> <li>

<a href="#3" title="Services">تعديل</a></li> <li>

<a href="#4" title="Portfolio">تعديل</a></li> <li>

<a href="#5" title="Store">تعديل</a></li> </ul> </div>

قم بتعديل الملون بما يناسبك