0 BERMACAM CARA BUAT FRAME IMAGE BLOG

1.   Lalu masuk ke Edit HTML.



2.   Cari kode </head>



3.   Copy kode yang ada di bawah ini dan

      paste di atas kode </head>,

      lalu simpan template anda.

<style type="text/css">

.sexypanels{

list-style-type: none;

margin: 0;

padding: 0;

width: 220px; /* width of menu */

}

.sexypanels li{

border-bottom: 0px solid white; /* white border beneath each menu item */

}

.sexypanels li a{

background: #FF0000 url(http://www.dynamicdrive.com/cssexamples/media/sexypanelright.gif) no-repeat right top; /*color of menu by default*/

font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;

display: block;

color: black;

width: auto;

padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */

text-indent: 8px;

text-decoration: none;

border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/

}

.sexypanels li a:visited, .sexypanels li a:active{

color: blue;

}

.sexypanels li a:hover{

background-color: blue; /*color of menu onMouseover*/

color: white;

border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/

}

</style>

<!--[if IE]>

<style type="text/css">

.sexypanels li a{ /* Menu link width value for IE */

width: 100%;

}

</style>

<![endif]-->

Artikel Terkait :