Jumat, 27 Februari 2009

Membuat label dengan roll

Pada tips blogger kali ini saya akan mencoba membuat sedikit tips tentang membuat label dengan roll. Semua sudah tahu bukan bahwa label adalah katagory dari sebuah blog, semakin banyak katagory maka tampilan label tersebut akan semakin panjang. Nah saya akan memberikan solusi bagi yang memiliki banyak katagoy tapi ingin menghemat space blognya. Gimana caranya?...




1. Pertama-tama masuk ke halaman html kamu dan klik centang ke expand widget. (jangan lupa download template selengkapnya dulu)

2. Kedua cari kode ini

<b:widget id='Label1' locked='false' title='Daftar isi' 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:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>


3. jika sudah pasang kode biru ini pada kode tadi.

<div style='overflow: auto; width: 140px; height: 400px; text-align: left;'>

dan akhiri dengan kode hijau ini

</div>




cara Pemasangannya adalah seperti ini.

<b:widget id='Label1' locked='false' title='Daftar isi' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow: auto; width: 140px; height: 400px; text-align: left;'>
<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:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
</div>


Penjelasan, 140px adalah lebar dari roll tersebut dan 400px adalah tinggi dari rollnya. kamu bisa menggantinya sesuai dengan yang kamu inginkan.

Simpan dan lihat hasilnya...apa yang telah kamu buat bisa dilihat disini sebagai contohnya (pada daftar isi, itu adalah label dengan roll. Selamat mencoba...salam tips blogger pemula.


Ingin mendapat artikel seperti artikel di atas langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.

Ayo gabung dengan internet marketer atau blogger lainnya di facebook dan twitter. Silahkan klik link di bawah ini...

[Facebook] - [Twitter]

Read this | Baca yang ini



Widget by [ Tips Blogger-Tutorial Blogger Pemula ]

3 comments:

Zipeans mengatakan...

Makasih infonya mas... sangat membantu... salam kenal... aku dari blog sebelah...

Bang arie mengatakan...

Sama-sama...salam kenal juga.

Jangan sungkan tuk sering berkunjung ya...

lilis mengatakan...

siiip...tengkiue ;)

Posting Komentar

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Untuk menggunakan emotion copy paste kodenya saja, budayakan berkomentar setelah membaca ya .

Note : Harap gunakan nama anda dan jangan menggunakan keyword-keyword tertentu atau komentar anda tidak akan dipublish...