Setelah beberapa kali gagal saat menerapkan tutorial mengenai cara membuat scroll blog popular post dari tutorial rekan rekan blogger, akhirnya saya mendapatkan cara yang cukup praktis dan gampang untuk diterapkan di blog saya dan berhasil saya pasang pada widget popular post, widget recent post maupun widget lainnya di blog saya ini.
Yang baru saya tahu ada dua cara untuk membuat scroll atau menambahkan fungsi scroll pada widget, yang pertama yaitu dengan cara menambahkan kode CSS langsung didalam widget html dan yang kedua dengan cara menambahkan kode CSS pada bagian dalam kode template (edit template).
Cara yang pertama sudah saya coba dan berhasil, tetapi hasilnya saya kurang puas, karena bagian tepi scroll nya tidak pas sejajar dengan batas side bar widget bagian luar (padahal pengaturan "width" nya sudah saya set "auto").
Akhirnya saya pakai cara yang kedua, yaitu dengan edit html dan hasilnya bagian tepi scroll dapat sejajar secara otomatis dengan bagian tepi side bar widget.
Selain itu cara yang kedua ini menurut saya sangat praktis untuk diterapkan didalam blog saya, apabila rekan-rekan mau mencoba silahkan dicoba sendiri dan rasakan sensasinya....
misal yang akan di pasang scroll PopularPosts
Berikut caranya:
Login ke blogger dengan akun rekans
Masuk ke halaman Template
Klik Edit HTML Lalu Lanjutkan
Cari kode ]]></b:skin>
(gunakan Ctrl+F)
Copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin>
#PopularPosts .widget-content{
height:200px;overflow:auto;}
Simpan template dan lihat hasilnya
Yang baru saya tahu ada dua cara untuk membuat scroll atau menambahkan fungsi scroll pada widget, yang pertama yaitu dengan cara menambahkan kode CSS langsung didalam widget html dan yang kedua dengan cara menambahkan kode CSS pada bagian dalam kode template (edit template).
Cara yang pertama sudah saya coba dan berhasil, tetapi hasilnya saya kurang puas, karena bagian tepi scroll nya tidak pas sejajar dengan batas side bar widget bagian luar (padahal pengaturan "width" nya sudah saya set "auto").
Akhirnya saya pakai cara yang kedua, yaitu dengan edit html dan hasilnya bagian tepi scroll dapat sejajar secara otomatis dengan bagian tepi side bar widget.
Selain itu cara yang kedua ini menurut saya sangat praktis untuk diterapkan didalam blog saya, apabila rekan-rekan mau mencoba silahkan dicoba sendiri dan rasakan sensasinya....
misal yang akan di pasang scroll PopularPosts
Berikut caranya:
Login ke blogger dengan akun rekans
Masuk ke halaman Template
Klik Edit HTML Lalu Lanjutkan
Cari kode ]]></b:skin>
(gunakan Ctrl+F)
Copy dan paste kode di bawah ini tepat di atas kode ]]></b:skin>
#PopularPosts .widget-content{
height:200px;overflow:auto;}
Simpan template dan lihat hasilnya
0 Blogger
