Cari Artikel Blog Ini

Total Tayangan Laman

MENAMPILKAN 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, anda juga dapat menampilkan label dalam deretan tab menu, baik menu horizontal, vertikal maupun dropdown. Pempilannya tergantung dari pilihan dan kreatifitas anda.
Untuk anda 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 anda lakukan untuk menampilkan label dalam menu dropdown. Untuk penampilan lainnya, silahkan gunakan software yang telah anda 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 anda lakukan dengan cara : klik kanan pada label blog anda 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 EPG Studio dibawah ini :

    <select onChange="document.location.href=this.options[this.selectedIndex].value;">
    <option value="0" selected>LABEL EPG STUDIO</option>
    <option value="http://epg-studio.blogspot.com/search/label/SOFTWARE%20GRATIS">SOFTWARE GRATIS</option>
    <option value="http://epg-studio.blogspot.com/search/label/TUTORIAL%20BLOGGER">TUTORIAL BLOGGER</option>
    <option value="http://epg-studio.blogspot.com/search/label/ASESORIS%20BLOG">ASESORIS BLOG</option>
    <option value="http://epg-studio.blogspot.com/search/label/TRAFFIC%20BLOG">TRAFFIC BLOG</option>
    </select>

  • Contoh diatas akan terlihat seperti ini (Coba anda klik untuk melihat hasilnya.




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

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
2 Comments

2 komentar :

Blog GABUS mengatakan...

Passs! Ini yang kubutuhkan...

Fauzan NR [ fhom.blogspot.com ]

ROHANI mengatakan...

Blognya kok lama banget sich loadingnya. punyaku juga. gimana ya caranya buat agar loading blog cepat.................???

Poskan Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!