Breaking News

Stylish Menu For Blogger Sidebar

stylish css sidebar menu for blogger blogYou can recolor a menu on your blog sidebar. Add some valuable links there with style. Just paste the code below in a html gadget and change the links. thats all

<style type="text/css">
border: 1px solid #000000; /*Main Border Color */
border-bottom-width: 0;
width: 100%;
#scsmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
#scsmenu a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 94%; /*94% minus all left/right paddings and margins*/
text-decoration: none;
color: #ffffff; /* Menu Font Color */
background-color: #2175bc; /*Menu background Color */
border-bottom: 1px solid #90bade; /*Bottom border color */
border-left: 7px solid #1958b7; /*Left border color */
* html #scsmenu a{ /*IE only */
width: 94%; /*IE 5*/
width: 94%; /*94% minus all left/right paddings and margins*/
#scsmenu a:hover {
background-color: #2586d7; /*Menu background Color On Hover*/
border-left-color: #1c64d1; /*Left border color On Hover*/
#scsmenu div.menutitle{
color: #ffffff; /* Title Font Color */
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: #000000; /*Menu Tite Background Color*/
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

<div id="scsmenu">
<div class="menutitle">My Pages</div>
<a href="">Home</a>
<a href="">About us</a>
<a href="">Table of Contents</a>
<a href="">Contact</a>
<a href="">Subscribe</a>
<a href="#">Edit</a></ul></div>

  • You don't need to write any name in that HTML gadget. Change My Pages words and save.
  • You can change the any colour of all elements. Just change the color code of the indication area like /*Main Border Color */

No comments

Please help me to improve my English. Please Email me or comment below. Thanks...