Cara Menambahkan Deskripsi Di Label
Hallo teman-teman....
Hari ini saya ingin mengembangkan lagi wacana sesuatu hal bagaimana cara menambahkan deskripsi pada label.
Biasanya yang terdapat di label itu hanya berupa nama label saja dan jumlah posting yang terdapat pada masing-masing label, nah kini bagaimana supaya di label tersebut ada sedikit keterangan singkat untuk memperjelas isi dari masing-masing label.
Untuk pola label yang sudah ditambahkan deskripsi, silakan lihat gambar dibawah ini.
1. Buat sebuah Gadget code yang sudah dimodifikasi. Copy arahan dibawah ini ke notepad atau notepad++
2. Masukan arahan diatas yang sudah di modifikasi atau diadaptasi dengan kebutuhan label masing-masing. Buka Template > Edit HTML (tanpa mencentang "Expand Widget") cari arahan menyerupai dibawah ini dan ganti dengan Gadget Code diatas yang tadi sudah di modifikasi.
3. Simpan dan lihat hasilnya.
Selamat mencoba dan biar bermanfaat.
Hari ini saya ingin mengembangkan lagi wacana sesuatu hal bagaimana cara menambahkan deskripsi pada label.
Biasanya yang terdapat di label itu hanya berupa nama label saja dan jumlah posting yang terdapat pada masing-masing label, nah kini bagaimana supaya di label tersebut ada sedikit keterangan singkat untuk memperjelas isi dari masing-masing label.
Untuk pola label yang sudah ditambahkan deskripsi, silakan lihat gambar dibawah ini.
Nah untuk menambahkan deskripsi label menyerupai gambar diatas, ada beberapa langkah yang harus kita lakukan.
Simak langkah-langkah berikut ini;
1. Buat sebuah Gadget code yang sudah dimodifikasi. Copy arahan dibawah ini ke notepad atau notepad++
<b:widget id='Label1' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div expr:class='"widget-content " + data:display + "-label-widget-content"'> <b:if cond='data:display == "list"'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> <!-- Label Description Start --> <b:if cond='data:label.name == "Nama Label1"'> <span class="labeldesc"> - Deskripsi Label1</span> </b:if> <b:if cond='data:label.name == "Nama Label2"'> <span class="labeldesc"> - Deskripsi Label2</span> </b:if> <b:if cond='data:label.name == "Nama Label3"'> <span class="labeldesc"> - Deskripsi Label3</span> </b:if> <!-- Label Description End--> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='"label-size label-size-" + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget>Ganti bab yg berwarna merah dengan Label yang ada di blog teman. Sesuaikan nama label tersebut, dan deskirpsinya.
2. Masukan arahan diatas yang sudah di modifikasi atau diadaptasi dengan kebutuhan label masing-masing. Buka Template > Edit HTML (tanpa mencentang "Expand Widget") cari arahan menyerupai dibawah ini dan ganti dengan Gadget Code diatas yang tadi sudah di modifikasi.
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
3. Simpan dan lihat hasilnya.
Selamat mencoba dan biar bermanfaat.