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

(1) ابحث عن 

/*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/AVvXsEgIE9_mdUhl7ez_kxBXL73bO64ei_7GqV6p1UMhW74SHbgzh7lesIJfqsqH31ZiSP4RfiYD7NV_9gPk9dAD8jJtubEpb1Ds4UI1F2-Quz_QlGIJXuGDMg026yG5Ux0hqNpPgPEGB4X29j8/s1600/menu4.gif); padding: 8px 0px 0px 30px; } #menu4 li a:hover { color: #fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIE9_mdUhl7ez_kxBXL73bO64ei_7GqV6p1UMhW74SHbgzh7lesIJfqsqH31ZiSP4RfiYD7NV_9gPk9dAD8jJtubEpb1Ds4UI1F2-Quz_QlGIJXuGDMg026yG5Ux0hqNpPgPEGB4X29j8/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/AVvXsEgIE9_mdUhl7ez_kxBXL73bO64ei_7GqV6p1UMhW74SHbgzh7lesIJfqsqH31ZiSP4RfiYD7NV_9gPk9dAD8jJtubEpb1Ds4UI1F2-Quz_QlGIJXuGDMg026yG5Ux0hqNpPgPEGB4X29j8/s1600/menu4.gif) 0 -64px; padding: 8px 0 0 30px; }

 /* myebd3at.blogspot.com*/

<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>