Home » » Cara membuat Scroll pada widget label, Blog archive, Popular post

6 Cara membuat Scroll pada widget label, Blog archive, Popular post

Cara membuat Scroll pada widget label, Blog archive, Popular post

Contoh Tampilan bisa dilihat punya mas uwah di sidebar kiri
untuk caranya:

1. Login ke Blogger
2. Klik Rancangan รข Edit HTML
3. Klik tulisan Download Template Lengkap

Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget

Kemudian cari kode seperti berikut :

<b:widget id='Label1' locked='false' title='Label' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'/>

Contoh membuat Scroll untuk arsip blog (BlogArchive1) caranya cari kode ]]></b:skin> Copy kode dibawah ini dan Paste di atasnya kode tadi :

#BlogArchive1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

Simpan Template......

Contoh lainnya jika ingin memasang kan scroll pada widget lain tinggal ganti Kode id berwana biru (BlogArchive1) contoh untuk label blog masukkan kode id berikut Label1 atau untuk Entri Populer dengan kode id PopularPosts1 nama id tersebut silahkan sesuaikan dengan template kawan-kawan....

Selamat mencoba.............
Anda suka atau merasa artikel ini bermanfaat? Jika ya, mohon kesediaannya untuk meng-klik tombol Plus One yang ada di samping ya. Terima kasih
related post :

6 Testimonial:

Lutfi A :

kalau related post yang kayak punya mas uwah gimana?

Mas uwah :

@LutFiiy Lavhalitya : itudi modifikasi sendiri sob,, bisa dilihat di label related post

paceko :

thanx infonya gan,.. ane langsung praktek

Anonymous :

thanks infonya gan,, visit back http://gopar-gt.blogspot.com/

Khoirun Naim :

thanks gan ats informasinya
qieem.blogspot.com

Adi™ :

Lapor, cara di atas sukses, mas.

SILAHKAN KOMENTAR

Maturnuwun sampeyan sudah mampir di Blog Mas uwah, tinggalkan komentar untuk menjalin persahabatan ingat NO SPAM.

 

Copyright © 2011 Mas Uwah is proudly powered by Blogger.com | Return to top

Grab this blog to mobile version on http://trikbloggers.blogspot.com/?m=1

Mas uwah | Trik blogger | Optimasi seo