Pada asalnya kita semua tahu labels gadget yang ada pada blogger.com, hanya mempunyai dua jenis paparan pilihan iaitu "list" dan "cloud". Jadi, hari ini kita akan membuat paparan yang ketiga - "dropdown" labels.
Baiklah, jom kita mulakan kerja-kerja pembuatan dropdown labels ni...
Langkah - Langkah :
- Login ke blogger blog anda.
- Klik layout dan klik edit html.
- Backup blog atau template anda ( download full template ).
- Tik atau klik expand widget template.
Cari kod seperti yang ditunjukkan dalam kotak kod dibawah ini :
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
Setelah anda menjumpai kod tadi ( rujuk kotak kod diatas ), gantikan dengan kod baru yang disediakan dalam kotak kod dibawah : ( COPY AND PASTE )
<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'>
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label to view</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/> )
</option>
</b:loop>
</select>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label to view</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/> )
</option>
</b:loop>
</select>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
NOTA PENTING !!
- Anda boleh ganti tulisan / perkataan warna merah diatas mengikut kemahuan anda.
Selesai sahaja anda mengantikan kod berkenaan, anda bolehlah klik preview untuk melihat perubahan yang anda telah lakukan sebentar tadi. Jika tiada sebarang masalah semasa anda buat preview tadi, klik save, dan anda selesai...! hehe...
Saya rasa itu sahaja untuk hari ini. Jika ada sebarang masalah yang anda hadapi dalam proses menghasilkan dropdown lebels, sila tinggalkan komen anda.
P/S : Baru hari ini ada peluang buat posting di blog ini, agak sibuk kebelakangan ini. hehe... saya akan cuba post sekerap yang mungkin selepas ini. ( No Promises )
Sekian Wasalam.
Really this is a new information for me. What a wonderful story? Today I have got a new experience by reading this story. Thanks for sharing. purchase domain name