Cara Agar Popular Post Berada Dalam Kotak Scroll

Fungsi dari kotak scroll sangatlah penting untuk menghemat ruang pada tampilan blog kita. Apalagi jika kita ingin menampilkan isi blog yang menurut kita menarik dan perlu diketahui oleh semua pengunjung, akan tetapi jika dipasang semua widget (misal:popular post, arsip, recent post dan yang lainnya), maka pengunjung akan terlalu panjang men-scroll blog kita. Oleh sebab itu salah satu solusinya adalah dengan memasang kotak scroll pada widget-widget yang kita anggap panjang, tanpa menambah banyak ruang dan tujuan kita tercapai, ringkas.

Nah, untuk itu kali ini saya akan membagikan sebuah tutorilal khusus untuk widget popular post agar berada dalam kotak scroll.

Langsung saja, ikuti langkah mudah berikut ini. Kok mudah? Iya, sebab kita hanya akan menambahkan sedikit kode CSS saja di blog kita.

Cara Agar Popular Post Berada Dalam Kotak Scroll

1.Masuk ke Dasboar Blogger

2.Pilih menu Template

3.Masuk pada mode Edit Template

4.Cari kode ]]></b:skin>

5.Taruh kode berikut ini tepat diatas kode ]]></b:skin>

#PopularPosts1 .widget-content{

height:300px;

width:auto;

overflow:auto;

}

6.Simpan Template

7.Selesai

Keterangan:

Untuk kode yang di block warna merah adalah tinggi kotak scroll, bisa sobat ganti sesuai keinginan.

Untuk melihat hasilnya, silahkan reload / muat ulang tampilan blog sobat. Selamat, kini tampilan popular post blog sobat sudah berada di dalam kotak scroll.

Bagaimana? Mudah bukan?

Demikian tutorial tentang Cara Agar Popular Post Berada Dalam Kotak Scroll kali ini. Silahkan mencoba dan semoga berhasil.

Sumber:

http://www.terwujud.com/2014/02/cara-membuat-scroll-untuk-popular-post.html

Baca Juga:

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: