Cara membuat Scroll Box Popular Posts di Blogger ~ febrian tkj blog

Jika agan2 salah satu pengguna widget popular posts blogger plugin dan setting popular posts dengan jumlah 10 posting maka pasti widget ini akan terlihat sebagai deret meninggi seperti layaknya gedung pencakar langit. Ada beberapa cara untuk membuat tinggi box widget popular posts ini menjadi lebih pendek agar widget popular posts lebih fleksibel penempatannya sekaligus membuat widget ini terlihat lebih rapi. Membuat scroll box adalah salah satu cara yang paling sederhana dan gampang. Kode CSS bisa kita manfaatkan atau dapat juga langsung kita gunakan kode html di bagian body.

Scroll Box Widget Popular Posts Blogger Plugin dg Kode CSS

Jika anda ingin menggunakan kode CSS untuk membuat scroll box, simpan kode CSS di atas kode ]]></b:skin>.

Kode CSS Scroll Box

.popular-posts{
       height:250px;
       overflow:auto;
}

Scroll Box Widget Popular Posts Blogger Plugin dg xHTML

Berbeda dengan ketika kita gunakan kode CSS, saat kita membuat scroll box widget popular posts menggunakan xHTML maka modifikasi/perubahan kode html yang terdapat di antara tag pembuka body (<body>) dan tag penutup body (</body>) harus dilakukan.

Carilah kode berikut ini:

xHTML yang harus dirubah

<div class='widget-content popular-posts'>

Ganti dengan kode berikut:

xHTML Scroll Box Widget Popular Posts

<div class='widget-content popular-posts' style='height:250px;overflow:auto;'>

Terima kasih telah membaca artikel tentang Cara membuat Scroll Box Popular Posts di Blogger di blog febrian tkj blog jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini di web browser anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

febrian tkj blog

Cara membuat Scroll Box Popular Posts di Blogger

Kode CSS Scroll Box

xHTML yang harus dirubah

xHTML Scroll Box Widget Popular Posts

Artikel terbaru :

1 komentar :