Cara membuat menu super keren

Hallo sobat blogger tahu ngak apalagi yang akan kita bahas pada pertemuan kali ini oke langsung aja yach kali ini aku akan coba memberikan tip/trik cara membuat daftar menu super keren (sory hanya menurut aku sich)...coba sobat lihat daftar menu di samping ..kayak itulah yang akan kita buat sekarang tapi akan di tambahi dengan background animasi masih ingin buat ngak .....? kalau mau oke kita akan langsung ke TKP............HE HE HE kayak opera van java.... pertama sobat harus

1. Login ke blogger
2. masuk ke rancangan
3. tambah gadget
4. pilih Html Java Script masuk kan kode script  di bawah ini lalu simpan dan lihat hasil nya 

<div style="background: url(http://www.animateit.net/data/media/august2009/twi.gif

) no-repeat;

color:#000;border: 1px solid#000; 
height: auto; width: 250px;

padding:10px 10px 10px 10px;

-moz-border-radius-topright:10px;

-webkit-border-top-right-radius:10px;

-moz-border-radius-bottomright:10px;

-webkit-border-bottom-right-radius:10px;

-moz-border-radius-topleft:10px;

-webkit-border-top-left-radius:10px;

-moz-border-radius-bottomleft:10px;

-webkit-border-bottom-left-radius:10px;

-webkit-box-shadow: 2px 2px 4px #8bd268;

-moz-box-shadow: 2px 2px 4px #8bd268;">

<style>.list {

background: url("http://i1136.photobucket.com/albums/n499/Mahfid_Mayanto/panah-jalan.gif") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;

}

</style>

<div class="list">

<a href="#" class="nudge">judul isi postingan</a> </div>

<div class="list">

<a href="#" class="nudge">judul isi postingan</a> </div>

<div class="list">

<a href="#" class="nudge">judul isi postingan</a> </div>

<div class="list">

<a href="#" class="nudge">judul isi postingan</a> </div>

<div class="list">

<a href="#" class="nudge">judul isi postingan</a> </div>

<div class="list">

<a href="#" class="nudge">judul isi postingan</a> </div>

<div class="list">

<a href="#" class="nudge">judul isi postingan</a> </div>

<div class="list">

<a href="#" class="nudge">judul isi postingan</a> </div>

<div class="list">

<a href="#" class="nudge">judul isi postingan</a> </div></div>

Jika porcobaan kalian berhasil maka menu super keren nya seperti contoh di bawah ini:

judul isi postingan

judul isi postingan

judul isi postingan

judul isi postingan

judul isi postingan

judul isi postingan

judul isi postingan

judul isi postingan

judul isi postingan

Ganti teks yang berwarna merah dengan alamat Url yang kalian inginkan  (untuk percobaan pake aja yang ini)

ganti tanda # dengan link yang di tuju...... selamat mencoba dan mengembang kan nya ......

Judul Artikel :Cara membuat menu super keren

Terima Kasih Sobat sudah membaca Artikel saya Tentang Cara membuat menu super keren Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih