Gudang Menu

Horizontal plang menu merupakan menu yang menggunakan murni css yang akan terlihat lebih menonjol pada tab-tab setelah tab pertama dan akan terliat bulat pada ujung kiri atas dan kanan bawah tab jika dilihat pada firefox browser dan ini akan sangat cantik untuk menghiasi blog atau website anda (lihat Demo).

Dan adapun cara pembuatanya adalah:

1 Sign in ke blogger dengan ID anda
2 Click layout tab
3 Click Edit HTML tab
4 Click Download Full Template, simpan template anda untuk backup data
5 Letakan CSS code di bawah ini diatas kode ]]></b:skin>

#gurame { margin-top:20px; background: black; border-top: 1px solid #9CC; font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; }  #emas { list-style: none outside none; margin: 0; padding: 0; }  @media all { #emas { text-align: center } }  #emas li { bottom: 11px; display: inline; line-height: 2em; margin: 0; padding: 0; position: relative; }  html>body #emas li { background: black; margin: 0 3px 0 0; padding: 4px 0px 4px 0; high:6px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; }  #emas a, #emas a:link, #emas a:visited { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; background: #900; border: 1px solid #9CC; bottom: 2px; color: #FFF; cursor: pointer; display: inline; height: 1em; margin: 0; padding: 3px 5px 3px 5px; position: relative; right: 2px; text-decoration: none; }  #emas a:hover { background: #C00; bottom: 1px; color: #FFF; position: relative; right: 1px; }  #emas a:active { background: #999; bottom: 0px; color: #FFF; position: relative; right: 0px; }  #emas li#active { background: #369; bottom: 13px; display: inline; margin: 0 3px 0 0; padding: 0; position: relative; } html>body #emas li#active { background: #000; margin: 0 4px 0 4px; }  #emas #active a, #emas #active a:link, #emas #active a:visited, #emas #active a:hover { background: black; border-bottom: none; border-left: 1px solid #9CC; border-right: 1px solid #9CC; border-top: 1px solid #9CC; bottom: 0; color: #FFF; cursor: text; margin: 0; padding: 2px 5px 0 5px; position: relative; right: 0; }

6.Kode Html copy kode di bawah ini dan pastekan diantara kode <body> dan kode </body> di mana anda ingin menampilkan menu tersebut

7.Klik save templete button
8.selesai....

Baca Selengkapnya »»

Menu timbul ini adalah menu yang akan timbul ke luar ketika anda mengarahkan kursor pada menu tersebut (lihat Demo).

dan adapun cara pembuatanya adalah :
1 Sign in ke blogger dengan ID anda
2 Click layout tab
3 Click Edit HTML tab
4 Click Download Full Template, simpan template anda untuk backup data
5 Letakan CSS code di bawah ini diatas kode ]]></b:skin>

6.Kode Html copy kode di bawah ini dan pastekan diantara kode <body> dan kode </body> di mana anda ingin menampilkan menu tersebut

7.Klik save templete button
8.selesai....

Baca Selengkapnya »»

Gudang Menu

Gudang

Cara Membuat Horizontal Plang Menu

Subcribe

Cara Membuat Menu Effect Timbul Versi Ke I

Subcribe

Postingan Acak

Komentar Baru

Postingan Baru

Site Info

Kategori

Blogroll

Arsip Blog