Kamis, 30 Juni 2011

cara membuat menu di sidebar

Cara membuat Menu di sidebar


cara membuat Menu di bagian sidebar/ widget / bagian samping kiri atau kanan blog.
langka-langka membuat sedibar
1. login ke blog anda
2. pilih tata letak
3. elemen laman
4. tambah gadget
5. new HTML

Kemudian pastekan code script ini :


<style type="text/css">

#ddblueblockmenu{
border: 1px solid #000000; /*Main Border Color */
border-bottom-width: 0;
width: 100%;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu 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; /*Ganti warna bacground*/
border-bottom: 1px solid #90bade; /*Bottom border color */
border-left: 7px solid #1958b7; /*Left border color */
list-style-type:none;
}

* html #ddblueblockmenu a{ /*IE only */
width: 94%; /*IE 5*/
width: 94%; /*94% minus all left/right paddings and margins*/
}

#ddblueblockmenu a:hover {
background-color: #2586d7; /*Menu background Color On Hover*/
border-left-color: #1c64d1; /*Left border color On Hover*/
}

#ddblueblockmenu 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;
}
<a href="www.josmasboniman-bloger.blogspot.com /">Home</a>
<a href=" www.josmasboniman-bloger.blogspot.com”> About us</a>
<a href=" www.josmasboniman-bloger.blogspot.com">Blogger
templates</a>
<a href=" www.josmasboniman-bloger.blogspot.com">Blogger
Tricks</a>
<a href=" www.josmasboniman-bloger.blogspot.com ">Blogger Tools</a>


catatan
  1. Untuk Mengganti Nama menu yang anda inginkan silahkan anda mengganti tulisan yang berwarna biru tersebut.
  2. Untuk Mengganti warna border bisa anda ganti script yang sudah saya tandai warna biru.
  3. Untuk mengganti link menu anda, ganti tulisan yang berwarna hijau, atau yang tertulis www.josmasboniman-bloger.blogspot.com
  4. Untuk menganti warna background lihat script di bawah ini ,

background-color: #00000; /*Menu background Color */

silahkan anda ganti #00000 dengan warna yang anda inginkan, bisa menggunakan color picture atau silahkan mengunjungi link ini
http://www.allblogtools.com/html-color-codes-generator/

klik save, selamat mencoba

0 komentar:

Poskan Komentar