Pada artikel yang lalu Tutorial For You pernah membahas tentang Cara Menyembunyikan Fungsi Scroll Bar Dengan CSS, pada artikel tersebut dijelaskan tentang menyembunyikan Scroll Bar sehingga Scroll Barnya tidak kelihatan, dan pada kesempatan kali ini Tutorial For You akan share tentang Cara Menambahkan Fungsi Scrollbar Pada Blog Archive.
Dengan menambahkan Fungsi Scrollbar Pada Blog Archive, maka tampilan Blog Archive tidak terlalu panjang sehingga tampilan widget kelihatan lebih rapi.dan cara menanbahkannya sangat mudah sekali, hanya menambahkan beberapa script saja.
Penasaran ingin tahu caranya? Mari kita ikuti tutorial berikut ini :
1 Login ke Blogger
2. Klik Rancangan → Edit HTML
3 Beri tanda centang pada kotak di samping tulisan Expand Template Widget
4. Kemudian cari kode Blog Archive untuk mengetahui id dari Blog Archive :
Kurang lebih kodenya seperti di bawah ini
<b:widget id='BlogArchive1' locked='false' title='Arsip' type='BlogArchive'/>
Perhatikan pada bagian BlogArchive1itu adalah id dari Widget Blog Archive.
5. Seteah itu cari kode ]]></b:skin>
6. Copy kode dibawah dan Paste di atas kode ]]></b:skin>
1 | #BlogArchive1 .widget-content{ |
2 | height:200px; |
3 | width:auto; |
4 | overflow:auto; |
5 | } |
Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya
Jika kamu ingin Scrollbar tidak kelihatan kamu tambahkan script berikut :
1 | #BlogArchive1 .widget-content{ |
2 | height:200px; |
3 | width:auto; |
4 | overflow:auto; |
5 | margin:15px -300px 15px 15px; |
6 | padding-right:300px; |
7 | } |
Selesai sudah tutorial Cara Menambahkan Fungsi Scrollbar Pada Arsip Blog, selamat mencoba, semoga berhasil dan bermanfaat
