Cara Membuat Menu Navigation Dengan Gambar Paling Mudah

Kembali lagi aku akan menuliskan TUTORIAL BLOG tentang Cara Membuat Menu Navigation Dengan Gambar Paling Mudah, dan memang aku dalam membuat tutorial semua mudah-mudah. Gambarnya seperti di atas apabila mouse cursor mengarah ke gambar/image akan keluar link page nya misalnya home, about me, atau link apapun sebenarnya bisa dimasukkan disitu termasuk link FB,Twitter, etc terserah anda deh. Mungkin gambar yang sesuai untuk dimasukkan disitu adalah gambar ukuran 100x100px. Langsung saja aku memberikan kodenya yang sudah aku edit hanya perlu masuk ke Dashboard > Tata Letak > Tambahkan Gadget > Pilih HTML/JavaScript dan masukkan kode berikut:

<div style="text-align:center;"><a href="ISI DENGAN URL PAGE GAMBAR 1" title="NAMA PAGE 1"><img alt='NAMA PAGE 1' src="URL IMAGE" /></a> 

<a href="URL PAGE GAMBAR 2" title="NAMA PAGE 2"><img alt='NAMA PAGE 2' src="URL IMAGE" /></a>

<a href="URL PAGE GAMBAR 3" title="NAMA PAGE 3"><img alt='NAMA PAGE 3' src="URL IMAGE" /></a> 

<a href="URL PAGE GAMBAR 4" title="NAMA PAGE 4"><img alt='NAMA PAGE 4' src="URL IMAGE" /></a></div>

warna pink isi dengan url menu navigationnya

warna orange isi dengan nama page nya misalnya home, dll

warna biru adalah url gambar, bisa diganti dengan url gambar lain sesuai keinginan, url gambar yang aku masukkan dalam kode di atas adalah gambar seperti di atas sana dengan ukuran 100x100px.

Kalau ingin menambahkan menu hanya perlu menambahkan kode:

</a><a href="URL PAGE" title="NAMA PAGE"><img alt='NAMA PAGE' src="URL GAMBAR/IMAGE" /> 

Di bawah ini gambar ukuran 100x100px dengan url-nya silahkan ambil/copy kalau berkenan dan bisa juga diterapkan pada tutorial yang ini: Membuat page navigation hover dengan image

Share :