Drop Down Label for New Blogger

Berikut ini adalah tips untuk menambahkan page element berupa Drop Down Label. Sebelum anda melakukan cara ini diharapkan anda terlebih dahulu membackup template lama anda. Marilah kita lihat caranya :

1. Log in to your Blogger account -> Go to Layout -> Add a Page Element -> Add the Label element to your blog

Edit HTML -> klick the Expand Widget Templates check box

Kemudian cari kode ini:

<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 class=’widget-content’>
<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>

<b:include name=’quickedit’/>
</div>
</b:includable>
</b:widget>

Apabila anda sudah menambahkan widget Label, akan diberi nama seperti ini:

<b:widget id=’Label2′ locked=’false’ title=’Labels’ type=’Label’>

Sekarang ganti code yang diberi tanda merah diatas dengan kode dibawah ini:

<br/>

<select onchange=’location=this.options[this.selectedIndex].value;’ style=’width:145px’>
<option>Category feed</option>
<b:loop values=’data:labels’ var=’label’>
<option expr:value=’data:post.url + “/feeds/posts/default/-/” + data:label.name’><data:label.name/>
</option>
</b:loop>
</select>

Bila ingin memunculkan jumlah posting tiap Label, ganti kode berwarna merah diatas dengan dibawah ini:

<br/>

<select onchange=’location=this.options[this.selectedIndex].value;’ style=’width:145px’>
<option>Category feed</option>
<b:loop values=’data:labels’ var=’label’>
<option expr:value=’data:post.url + “/feeds/posts/default/-/” + data:label.name’><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

Judul Label pada drop down juga dapat anda ganti dengan mengganti text dibawah ini:

<option>Category feed</option>

with

<option>Your customised text</option>

Lebar Drop down label juga dapat anda ubah-ubah sesuai kebutuhan. Lebar defaultnya adalah:

style=’width:145px‘

Demikianlah caranya tadi. Semoga bermanfaat. Selamat mencoba.

Share and Enjoy:

Random Posts

Blogger Beta, Drop Down, Label, New Blogger

This entry was posted on Friday, December 19th, 2008 and is filed under Blog, Tips n Trick. You can follow any responses to this entry through RSS 2.0. You can leave a response, or trackback from your own site.