Label Blogspot yang Expandable

Beberapa hari setelah posting mengenai Author Box atau Author information, dilanjutkan dengan jalan-jalan bareng Mbah Google yang ternyata asyik juga sampai dapat trik yang satu ini dari blog milik Annie. Contohnya bisa dilihat di sidebar dengan judul "Another Story". Di situ ada tanda [+/-] untuk membuka isinya, silahkan dicoba saja.
Cara membuatnya juga sangat mudah sekali, berikut caranya:

1. Masuk ke design >> edit html, (expand widget template tidak usah diceklis ya) lalu cari kode berikut:

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

2. Replace atau ganti kode tersebut dengan kode berikut:

<b:widget id='Label2' locked='false' title='Labels and Feeds' type='Label'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="float:left;margin-right:5px;">');
//]]>
</script>[+/-]
<script type='text/javascript'>
//<![CDATA[
document.write('</a>');
//]]>
</script>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>

<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>
</li>
</b:loop>
</ul>

<script type='text/javascript'>
//<![CDATA[
document.write('</div>');
//]]>
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

3. Save template dan lihat hasilnya.

Catatan: Cara ini bisa berhasil bila memiliki 'widget label' dan tulisan yang di posting memiliki label pula. Untuk menambahkan widget label bisa melalui design >> page element >> add a gadget. Setelah itu pilih gadget untuk label.

Selamat mencoba!

Sumber: Blogger University