Menambahkan Scroll Bar di Widget Blog WordPress

Add Scroll Bar WordPressSesekali Anda mungkin akan berfikir untuk menemukan cara bagaimana ruang yang terbatas pada tampilan blog WordPress Anda, bisa menempatkan beberapa widget yang diperlukan menjadi dalam satu widget saja demi menghemat tempat dan kerapihan tampilan blog WordPress Anda.

Jika kamu tidak telalu menyukai widget yang banyak dan bersusun sehingga membuat sidebar blog menjadi panjang kebawah. Maka, kamu dapat menambahkan scroll bar di widget dan kemudian membatasi panjang atau seberapa tinggi widget tersebut sehingga hal ini tidak terjadi.

Tips: Anda juga dapat menambahkan scroll bar pada halaman dan postingan blog.

Keuntungan menambahkan scroll bar pada blog WordPress yaitu dapat menghemat tempat sehingga sidebar tidak bersusun dan panjang, memudahkan pembaca atau pengunjung blog serta tidak menyusahkan dan juga memperindah tampilan blog secara keseluruhan.

Sebagai contoh, kode berikut diberi tinggi widget “150px” (Ukuran dapat diubah sesuai kebutuhan) dan atur overflow menjadi “auto”.

<div style="overflow:auto;height:150px;">
 <p>First entry (masukkan kode widget ataupun teks yang Anda inginkan. Dan begitu juga pada entri selanjutnya. Kita lihat bagaimana scroll bar ini bisa berfungsi).</p>
 <p>Second entry</p>
 <p>Third entry</p>
 <p>Fourth entry</p>
 <p>Fifth entry</p>
 <p>Etc...</p>
 </div>

Keterangan: Copy dan Paste kode diatas lalu tempatkan di widget text. Jika ditempatkan di halaman atau postingan maka ubah dari visual menjadi text editor lalu paste.

Dengan menempatkan tag “p” maka setiap akhir widget terdapat baris kosong yang memisahkan antara akhir widget sebelumnya dengan awal widget setelahnya. Apabila ingin menghilangkan baris kosong tersebut, gunakan  <br />  pada akhir setiap widget/teks dan menghapus tag “p”. Anda juga dapat menggunakan kode “overflow: scroll;” untuk menempatkan horizontal scroll bar di bagian bawah widget, akan tetapi dengan menempatkan horizontal scroll bar akan membuat widget terlihat kurang rapih meskipun dibutuhkan.

Advertisements

One response to “Menambahkan Scroll Bar di Widget Blog WordPress

  1. Terima kasih banyak infonya…

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s