Cara membuat menu super keren

Cara membuat menu super keren - Hallo Sob Jody Blog, artikel kali ini berjudul Cara membuat menu super keren, kami telah menuliskan yang kami tahu pada artikel ini, semoga bermanfaat.

Judul : Cara membuat menu super keren
link : Cara membuat menu super keren

lihat juga


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:



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 ......



Demikianlah Artikel Cara membuat menu super keren

Sekian Cara membuat menu super keren, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.

Anda sedang membaca artikel Cara membuat menu super keren dan artikel ini url permalinknya adalah https://caratutorialgratis.blogspot.com/2011/08/cara-membuat-menu-super-keren.html Semoga artikel ini bisa bermanfaat.

Related Posts :