YARO STARAK BLUE PRINT

Yahoo bot last visit powered by  Bots Visit
Google bot last visit powered by Bots Visit
powered by PRBbutton
Personal Blogs - BlogCatalog Blog Directory
Blog Directory & Search engine
Minggu, 16 Mei 2010

MENU VERTIKAL TANPA EDIT HTML

image Menu v ertikal adalah jenis menu yang tersusun dari arah atas ke bawah, menu vertikal sangat banyak dipergunakan dalam semua website atau webblog karena memberikan kemudahan dalam navigasi halaman blog. pembahasan mengenai cara pembuatan menu vertikal sangat banyak anda temukan di internet, dan kali ini saya akan menuliskan artikel mengenai cara pembuatan menu vertikal yang daat anda pasang di blog anda. cara pembuatan menu vertikal ini cukup mudah karena cara pembuatannya tidak perlu dilakukan melalui menu edit html. jadi anda hanya perlu mengkopi kode yang ada dibawah ini kemudian pastekan ke gadget blog anda.

langkah – langkah yang harus anda lakukan juga sangat mudah, kita mulai saja sekarang.

login ke blog lalu tata letak terus elemen halaman kemudian tambah gadget dan langsung pilih html/java script. terus copy kode di bawah ini

=============================================

<style type="text/css">

#coolmenu{
border: 0px solid black;
width: 100%;
background-color: #FFCCFF;
}

#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: BLACK;
text-decoration: none;
border-bottom: 1px solid #330099;
}

html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}

#coolmenu a:hover{
background-color: #FFCC99;
color: black;
HEIGHT:15PX;
}

</style>

<div id="coolmenu">
<a href="LINK ANDA">JUDUL MENU
<a href="LINK ANDA">JUDUL MENU
<a href="LINK ANDA">JUDUL MENU
<a href="LINK ANDA">JUDUL MENU
<a href="LINK ANDA">JUDUL MENU
<a href="LINK ANDA">JUDUL MENU
<a href="LINK ANDA">JUDUL MENU
</div>

=============================================

setelah selesai lalu simpan dan lihat hasilnya diblog anda, semoga berhasil. terima kasih telah berkunjung di blog saya, jangan lupa link blog ini dan tinggalkan pesan di southbox sekedar salam buat saya.

0 komentar:

Posting Komentar

Posting yang berkaitan

TUKARAN LINK SILAHKAN COPY LINK DI BAWAH INI

Ą