Rabu, 04 September 2013

Membuat Tombol Tab Menu Sederhana

Tombol tab menu kadang kala sangat membantu melakukan lompatan-lompatan ke-Link lain atau ke Link kita sendiri, bahkan Tombol Tab Menu dapat menghiasi tampilan Blog kita.
Tombol Tab Menu yang saya Posting ini terdapat 3 macam, diantaranya yaitu :
1. Tombol Tab Menu Sederhana
Tombol Tab Menu sederhana ini dibuat sendiri dan sangat mudah, hanya dengan menempelkan kode        HTML pada Gadget
Contoh :
 
 Dan lain-lain.
Cara pembuatannya adalah sebagai berikut :

a.       Setelah masuk ke Blog anda, langsung menuju ke Tata Letak dan klik Tambahkan Gadget, maka akan muncul kotak dialog Tambahkan Gadget




b.       Pilih dan klik HTML/JavaScript, maka kotak dialog Konfigurasi HTML akan muncul
c.       Pada kotak Judul biarkan kosong dan pada kotak Konten ketik kode ini <button>NAMA TOMBOL</button> untuk NAMA TOMBOL bisa anda ganti misalnya BERANDA, PROFIL dan lain-lain
 

d.       Kemudian klik Simpan, maka tombol sudah jadi, tinggal anda masukkan linknya.
Berikut ini adalah contok tombol yang belum dan sudah diberi alamat Link:
Sebelum              : <button>FACEBOOK</button>
Sesudah               : <a href="http://facebook.com"><button>FACEBOOK</button></a>
Untuk memasukkan Link kedalam tombol caranya adalah sebagai berikut :
-          Blok  Kode Tombol <button>FACEBOOK</button>
-          Klik icon Buat Link yang terdapat pada Kotak dialog Konfigurasi HTML/JavaScript



-          Ketik alamat Link tujuan misalnya http://faceebook.com


 
Maka tombol sudah mengandung Link tujuan seperti ccntoh pada nomor d

2. Tombol Tab Menu Keren
    Tombol Tab Menu Keren ini kita buat dengan Photoshop atau Corel Draw dan disimpan di http://photobucket.com/ kemudian Kode HTMLnya kita masukkan ke Tambah Gadget.
Contoh :
 photo Antivirus.png  photo Software.png  photo Tutorial.png
Caranya sama dengan pembuatan tombol sederhana. Jika Tombol menu Sederhana, kita membuat kode sendiri, namun Kode HTML untuk Tombol Tab Menu Keren ini, sudah disediakan oleh Situs tempat kita menyimpan Gambar.

3. Tombol Tab Menu Bergerak
Nah kalo Tombol Tab Menu Bergerak ini sangat mudah sekali tanpa harus membuat sendiri, malahan terdapat pilihan yang sangat menarik sekali, jika kursor kita melewati tombol tersebut, maka dia akan bergerak-gerak
Contoh :

 


Langkah-langkahnya adalah
- Kunjungi Situs www.flashvortex.com
- Pilih Kategori, misalnya Menus, maka akan tampil seperti ini







   dan kamu cari jenis menu seperti ini



- Jika kamu sudah ketemu, klik  CLICK HERE TO EDIT THIS yang berada
   tepat di bawah pilihan tombol
- Kemudian kamu akan masuk pada Pengeditan Tombol dan pada kotak Choose your animated button 
   style  pilih : Gravity
- Setelah kamu edit / modifikasi baik itu warna, Tulisan, alamat Link maupun jenis Tombol Menu klik
  Generate Animation yang terletak di paling bawah halaman Flash Vortex
- Copy Code HTMLnya dan Paste di Kotak Konfigurasi HTML

By : Rachman MS - SELAMAT MENCOBA
Selengkapnya...