Membuat Scroll Pada Widget Label Blog

Membuat scroll Pada Label, Blog Archive atau widget, Blogroll atau Daftar Blog Daftar Link neh Buat sobat" yang pengen ngirit tempat.... hehehehehehe...

Nih ane baru dapat Tutorial tips dan Trik Cara Memberi Scroll pada Label Blog. tips ini ane dapet dari sobat blogger ane... n ternyata juga blogger blitar juga... hehehehe.....

ok langsung aja ya sob.... bagi sobat" yang berminat memberi scroll pada label Blog nya...

1. login blog
2. Rancangan >> edit HTML >> centang 'Expand Template Widget'
3. Cari kode dibawah ini ( NB: Harus ada widget labelnya terlebih dahulu )
4. Tekan Ctrl + F untuk memudahkan mencari
5. Cari kode seperti dibawah ini :

<b:widget id='Label1' locked='false' title='Label' 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:ancho; height:300px;'>

<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<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>
<b:include name='quickedit'/>
</div> </div> </div>
kalau sudah ketemu tinggal tambahkan saja kode yang warna merah itu untuk fungsi scrollnya. Angka 300px adalah tinggi kotak scroll. bisa sobat ganti sesuai selera sobat...


Gak ada kode yang seperti  <div class="widget-content"> ????
Tenang gak usah khawatir, mungkin pada template sobat yang ada hanya kode




yah kalau adanya kode di atas ini maka taruh
<div style='overflow:auto; width:ancho; height:300px;'>
diatas kode tersebut jangan lupa diahiri dengan penutup  </div>


Jika langkah - langkah diatas dilakukan dengan benar maka widget label anda akan seperti widget label di blog ini Blog Sample 

Terimakasih telah berkunjung di Trick Bloger semoga tutor diatas dapat bermanfaat. jika ada pertanyaan silahkan tinggalkan pertanyaan anda pada kolom komentar yang sudah tersedia.



Rekomendasi Post


Cara Berkomentar untuk yang tidak memiliki blog:
1. Klik select profile --> pilih Name/URL
2. Isi nama kamu dan Kosongkan URL atau isi dengan alamat fb kamu
3. Klik Lanjutkan
4. Ketik komentar kmau
5. Masukan kode yang muncul dan Klik Publish

Posting Komentar

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