Membuat Label dengan Scroll

Pada tips blogger kali ini saya akan mencoba membuat sedikit tips tentang membuat label dengan Scroll. Semua sudah tahu bukan bahwa label adalah katagory dari sebuah blog, semakin banyak katagory maka tampilan label tersebut akan semakin panjang

Seberapa pentingnya Label untuk sebuah blog adalah yang sangat pengting karna label pun bisa kita jadikan teknik SEO untuk blog jadi untuk menghemat ruang pada blog anda saya akan tunjukan bagaimana membuat label dengan scroll.

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.

3 comments:


Anonymous said...

ngk bisa kubuat bos, selalu ada yang kurang

Anonymous said...

ngk bisa kubuat bos, selalu ada yang kurang

Unknown said...

gan kagak isa kebuat
gagal trus
:f: :f:

:a: :b: :c: :d: :e: :f: :g:
:h: :i: :j: :k: :l: :m: :n:
:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Post a Comment

Terima kasih bila anda sudah memberikan komentar,karna komentar anda sangat berguna bagi saya.Tapi jika Spam saya mohon maaf karna akan saya hapus...
Terima kasih