http://saaqinah.blogspot.com/p/alhamdulillah.htmlwww.saaqinah.blogspot.comhttp://www.saaqinah.blogspot.com/2013/12/tutorial-blog-unyu-unyu.html#morehttp://saaqinah.blogspot.com/p/blog-page_23.htmlhttp://saaqinah.blogspot.com/p/komputer.htmlhttp://saaqinah.blogspot.com/p/catatan-muslimah.htmlhttp://saaqinah.blogspot.com/p/unduh.html

Membuat Tab Menu Cantik


Tutorial saya kali ini adalah Membuat Tab Menu Cantik seperti punya saya ini lho... hihihi (pameeerrr,,)



Ini dia langkah-langkahnya :


  1. Sembunyika terlebih dahulu Icon halaman-halaman yang dasar, yang ada pada blog anda,
  2. Desain Terlebih dahulu Tombol Menu anda, sesuai dengan keinginan dan nama halaman Blog anda. (saran saya supaya hasilnya bagus, sesuaikan warna tombol dengan warna template dari blog anda, agar terlihat serasi dan tidak aneh jika di lihat.)
  3. Upload Gambar Tombol Menu yang sudah anda desain, dan dapatkan URLnya, caranya klik DISINI
  4. Buka Dashboard Blog Anda
  5. Tata Letak
  6. Tambah Gadget 
  7. HTML/Java Script
  8. Copy Paste kode dibawah ini ke dalam kotak HTML/java Script


<a href= "Link Halaman Utama">
<img src="URL Gambar Pengganti Menu"
width="91" height = "31" /></a>

<img src='URL Cute Icon'/>

<a href= "Link Halaman Lainnya">
<img src="URL Gambar Pengganti Menu"
width="140" height = "31" /></a>

<img src='URL Cute Icon'/>

<a href= "Link Halaman lainnya">
<img src="URL Gambar Pengganti Menu"
width="172" height = "31" /></a>

<img src='URL Cute Icon'/>

<a href= "Link Halaman lainnya ">
<img src="URL Gambar Pengganti Menu"
width="200" height = "31" /></a>

<img src='URL Cute Icon'/>

<a href= "Link Halaman lainnya">
<img src="URL Gambar Pengganti Menu"
width="300" height = "32" /></a>
Note :
  • Untuk Teks berwarna Merah Ganti dengan Alamat Halaman Anda yang akan di tukar dengan Tombol yang telah anda desain
  • Teks yang berwarna Biru, ganti dengan URL  Gambar Tombol desain yang telah anda upload.
  • Teks berwarna Ungu dapat anda ganti dengan small Icon yang cantik, yang menghiasi di antar tombol menu. cari DISINI 
  • Sedangkan untuk Ukuran WIdht dan Height nya, dapat anda ganti sesuai ukuran tombol yang telah anda desain.. Ingat lho yaa harus sesuai biar hasilnya bagus.

 9. Simpan dan Atur letak Gadget tepat dibawah Header..... Sekian dan terimakasih :)

No comments:

Post a Comment