Memodifikasi label default menjadi label drop down

Discussion in 'Blogger' started by Rivaiblog, Jul 13, 2013.

  1. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    Dalam tutorial kita kali ini saya akan mengangkat suatu judul tentang tehnik memodifikasi label dengan sistem DROP DOWN. Fungsi ini sangat berguna buat para teman teman yang memang halaman blognya memiliki banyak label. Bila anda sebagai pemilik halaman blog anda patut mencobanya untuk mempercantik sekaligus dan tidak memakan banyak ruang widget pada halaman blog.
    Kinerja dari tutorial saya kali ini adalah label. jadi saya rasa anda harus lebih dulu memasang widget label pada halaman anda, silahkan edit tampilannya agar lebih menarik dilihat para pengunjung halaman anda.Dengan mengedit sedikit kode tag htmlnya, tutorial kali ini akan membuat label blog tampil elegan.

    Tutorial

    • Login to blog
    • Pilih " Template " lalu klik " Edit HTML "
    • Cari kode



    Code:
    <b:widget id='Label1' locked='false' title='Labels' type='Label'/> bla..bla..bla </b:widget>
    

    Setelah ketemu silahkan gantikan code yang diatas dengan code yang ada dibawah ini. Kemudian save template dan lihat hasilnya.


    Code:
    <b:widget id='Label1' locked='false' title='Categories' type='Label'>
    <b:includable id='main'> <b:if cond='data:title'>
    <h2><data:title/></h2> </b:if>
    <div class='widget-content'>
    <select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'> <option>Judul</option>
    <b:loop values='data:labels' var='label'> <option expr:value='data:label.url'>
    <data:label.name/> (<data:label.count/>) </option> </b:loop> </select></div> </b:includable> </b:widget>
    



    Note

    Widget label dalam postingan kali ini digantikan dengan sistem selek drop down, tampilan yang menarik dan tidak memakan banyak tempat untuk label halaman. Untuk mengganti code
    Code:
    <b:widget id='Label1' locked='false' title='Labels' type='Label'/>
    
    anda harus menggantikan code tersebut sampai batas code
    Code:
    </b:widget>
    
    . Untuk tulisan warna hijau , silahkan anda ganti dengan judul kategori halaman anda. Code tulisan warna biru berguna untuk menunjukkan berapa banyak artikel dalam sebuah kategori atau biasa disebut dengan counter label. Bila anda tidak ingin menunjukkan counter labelnya silahkan hapus code tersebut.

    Referensi : http://rivai-silaban.blogspot.com/2013/07/cara-membuat-label-drop-down-di-blog.html
     
  2. wphoet

    wphoet You'll Never Walk Alone

    Joined:
    Feb 19, 2013
    Messages:
    1,149
    Likes Received:
    142
    Trophy Points:
    63
    Google+:
    kalau ada picture contoh

    kalau ada picture contoh penampakannya bagus nih *jail* btw nice share *bagus*
     
  3. nawi667

    nawi667 Member

    Joined:
    Jul 5, 2013
    Messages:
    113
    Likes Received:
    6
    Trophy Points:
    18
    Google+:
    pakai thumbnail

    Mantap mas bro .... *bagus* , tapi aku (pribadi) lebih suka label yang pakai 1 thumbnail, jadi tampilan blog bisa kaya situs-situs besar semacam detik.com dan lain-lain ....
     
  4. budiw92

    budiw92 Member

    Joined:
    Feb 11, 2013
    Messages:
    725
    Likes Received:
    35
    Trophy Points:
    28
    Google+:
    bagus nih buat yang suka

    bagus nih buat yang suka modifikasi template *hore*
     
  5. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    wphoet wrote:

    heheh iya yah.... ntar besok besok aje ane publish *bagus*
     
  6. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    nawi667 wrote:

    iya sih sob mantap tuh hanya saja kalo kita make code XML dan Java script, bukan PHP saya rasa hal itu berat diloding sob,..
     
  7. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    budiw92 wrote:

    Makasih atas pendapatnya sob.. *bagus*
     
  8. Andre

    Andre Member

    Joined:
    Apr 12, 2013
    Messages:
    483
    Likes Received:
    22
    Trophy Points:
    18
    Keren banget nih emang buat

    Keren banget nih emang buat diterapkan ditemplate *ketawa4*
     
  9. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    Andre wrote:

    makasih sob atas pendapatnya..
     
  10. ncang

    ncang Super Level

    Joined:
    Feb 7, 2013
    Messages:
    4,655
    Likes Received:
    761
    Trophy Points:
    113
    Google+:
    bookmark dulu bang Rivaiblog,

    bookmark dulu bang Rivaiblog, barangkali nanti kalo blog saya sudah banyak postingan nya mau pasang pakai kayak gini *bagus*
     
  11. Rivaiblog

    Rivaiblog Member

    Joined:
    Jun 7, 2013
    Messages:
    278
    Likes Received:
    1
    Trophy Points:
    18
    ncang wrote:

    silahkan sob #ncang makasih atas pendapatnya..
     
Loading...
Similar Threads - Memodifikasi label default
  1. Rivaiblog
    Replies:
    2
    Views:
    929
  2. nawi667
    Replies:
    6
    Views:
    1,547

Share This Page