rss

Monday, April 12, 2010

Macam Mana Buat Dropdown Lebels Di Blogger

Salam semua, hari ini saya akan berkongsi cara bagaimana anda boleh buat dropdown labels di blogger blog anda. Cara dan kod-kod yang akan terlibat amat mudah dan senang difahami, jadi saya rasa tiada masalah yang anda kan hadapi...hehe.

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>

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.


Comments :

Comment 1
Anonymous said...
in 

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


Post a Comment

* You can leave some comment here. No spam please!
** Allowed HTML Tags : (b),(i),(a)

 
How To Create Blog On Blogger
How To Purchase Domain Name On Blogger
How To Change Template On Blogger