Membuat Label/Categories Drop Down | Tips and Trik Blog

Tampilan blog itu memang jadi salah satu cara untuk membuat blog anda digemari pengunjung. Nah, Jika anda merasa widget yang ada pada halaman blog anda itu terlalu banyak sehingga membuat halaman blog terlalu panjang, rasanya berat hati juga kalau terpaksa menghapus widget tersebut. Menghadapi masalah seperti ini, kita harus mencari tahu solusinya. Berterima kasihlah kepada para blogger EDAN yang membagi ilmu kepada kita.

Kali ini saya akan membagikan info tentang bagaimana membuat label bawaan blog DROPDOWN. Ketika anda memasang kode ini, maka label anda akan menjadi SATU baris saja, tapi pada saat anda klik, menu label akan keluar ke bawah atau bisa juga je atas. Giamana? Menarik bukan? Ini dia caranya:

  1. Login ke akun blogger anda
  2. Masuk ke Rancangan
  3. Pilih EDIT HTML
  4. Centang Expand Widget Template
  5. Untuk keamanan  lebih baik klik Download Template Lengkap yang ada di atas halaman edit
  6. Lalu gunakan CTRF+F atau Alt+E+F untuk memudahkan pencarian
  7. Cari kode <data:label.count/>
  8. Jika sudah ketemu, carilah dengan teliti kkode keseluruhannya, contoh kode keseluruhannya seperti di bawah ini:
    <ul>
    <b:loop values='data:labels' var='label'>
    <li>
    <b:if cond='data:blog.url == data:label.url'>
    <data:label.name/>
    <b:else/>
    <a expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    (<data:label.count/>)
    </li>
    </b:loop>
    </ul>
  9. Jika sudah ketemu, gantilah semua kode di atas dengan kode di bawah ini:
    <br />
    <select onchange='location=this.options[this.selectedIndex].value;'>
    <option>Select a label</option>
    <b:loop values='data:labels' var='label'>
    <option expr:value='data:label.url'><data:label.name/>
    (<data:label.count/>)
    </option>
    </b:loop>
    </select>

    Anda bisa mengganti KALIMAT yang berwarna BIRU sesuai dengan minat anda.
  10. Jika sudah selesai, klik SAVE, lalu lihat label anda.



GOODLUCK

TERIMA KASIH SUDAH MEMBACA POSTING DI ATAS. JANGAN LUPA TINGGALIN JEJAK DI KOMENTAR YA? ^_^

3 comments

July 25, 2012 at 10:10 AM

terima kasih gan...

July 26, 2012 at 11:15 PM

@CERITA-CERITA Sama2 neng ^_^

November 10, 2012 at 2:17 PM

makasih gan buat trik2nya..bermanfaat banget..
mau tanya cara masang artikel terkait seperti yg dipasang diblog ini gimana ya??

Post a Comment

Mohon Untuk Tidak Mencantumkan Nama Anonim Anda. Terima Kasih.