kebaikan akan muncul dari jiwa yang bersih berbahagialah bagi siapa yang tulus

Senin, 22 Juni 2009

Label Dalam Tab Menu

Label sebuah blog semakin lama akan semakin banyak sesuai dengan isi postingan yang ada pada blog tersebut. Untuk menampilkan label tersebut ada beberapa cara, misalnya dengan menggunakan tehnik Label Clouds atau dapat juga menampilkan label yang telah disediakan oleh Blogger/Blogspot dengan cara : Dasbor, Tata Letak, Elemen Halaman, Tambah Gadget, Pilih Label dan Simpan.

Selain dengan kedua cara diatas, kawan juga dapat menampilkan label dalam deretan tab menu, baik menu horizontal, vertikal maupun dropdown. Pempilannya tergantung dari pilihan dan kreatifitas kawan.
Untuk kawan yang belum memiliki software untuk membuat tab menu silahkan download disini (CSS MENU GENERATOR) dan disini (CSS TAB DESIGNER)
Sebagai contoh cara menampilkan label, berikut ini langkah-langkah yang dapat kawan lakukan untuk menampilkan label dalam menu dropdown. Untuk penampilan lainnya, silahkan gunakan software yang telah kawan download tadi.

* Siapkan kode untuk tab menu dropdown sperti dibawah ini :

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>LABEL EPG STUDIO</option>
<option value="Alamat Label 1">Nama Label 1</option>
<option value="Alamat Label 2">Nama Labe 2</option>
<option value="Alamat Label 3">Nama Labe 3</option>
<option value="Alamat Label 4">Nama Labe 4</option>
</select>


Cara mengedit kode diatas adalah sebagai berikut :
1. Cara mendapatkan alamat label dapat kawan lakukan dengan cara : klik kanan pada label blog kawan yang ada di halaman postingan kemudian pilih copy dan paste pada alamat Label 1 sampai 4.
2. Tulisan Nama Label 1 sampai 4 diganti nama label yang sesuai dengan alamat label
* Sebagai contoh perhatikan pengisian label Alfatih Share dibawah ini :




* Contoh diatas akan terlihat seperti ini, klik aja apa yang terjadi?



* Setelah anda berhasil menampilkan label dengan tab menu dropdown, coba sekarang gunakan software pembuat tab menu untuk mendapatkan penampilan yang berbeda.
* Selamat Berkarya.

0 komentar:

Posting Komentar

 

Friends

Followers

link

Get your own LinkBox!

BLOGGER SHARE Copyright © 2009 Not Magazine 4 Column is Designed by Ipietoon Sponsored by Dezigntuts