Cara Menambahkan Deskripsi Di Label

Hallo teman-teman....
Hari ini saya ingin berbagi lagi tentang 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 sekarang bagaimana supaya di label tersebut ada sedikit keterangan singkat untuk memperjelas isi dari masing-masing label.


Untuk contoh label yang sudah ditambahkan deskripsi, silakan lihat gambar dibawah ini.

 

Nah untuk menambahkan deskripsi label seperti gambar diatas, ada beberapa langkah yang harus kita lakukan.

Simak langkah-langkah berikut ini;

1. Buat sebuah Gadget code yang sudah dimodifikasi. Copy kode 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='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<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='&quot;label-size label-size-&quot; + 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 bagian yg berwarna merah dengan Label yang ada di blog teman. Sesuaikan nama label tersebut, dan deskirpsinya.


2. Masukan kode diatas yang sudah di modifikasi atau disesuaikan dengan kebutuhan label masing-masing. Buka Template > Edit HTML (tanpa mencentang "Expand Widget") cari kode seperti 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 semoga bermanfaat.