Cara Membuat Kotak Scroll/Scroll Box di Artikel WordPress

Pada kesempatan kali ini saya akan membahas tentang Cara Membuat Kotak Scroll di Artikel WordPress. Seperti yang sudah kita ketahui bahwa Kotak Scroll ini bermanfaat apabila postingan artikel yang akan kita buat terlalu panjang. Dengan scroll box ini kita bisa bisa menghemat space yang ada pada halaman, sehingga pengunjung website kita lebih mudah dalam melakukan navigasinya pada website kita. Intinya dengan scroll box ini kita bisa memasukkan posting artikel yang panjang tanpa memakan banyak space di halaman website kita.

Hal ini tentunya sudah tidak ansing lagi bagi para blogger, namun saya coba bahas kembali siapa tahu ada yang belum tahu. Bagi yang belum tahu bentuknya seperti apa? silahkan lihat, bentuknya adalah kurang lebih seperti yang dibawah ini :

Mari kita mulai saja bagaimana caranya membuat kotak scroll seperti contoh diatas. Cara nya mudah, anda hanya perlu Copy Paste kode di dalam scroll box bawah ini ke dalam postingan anda.
pada tulisan warna merah silahkan anda masukkan tulisan atau gambar yang ingin tampilkan.

<span><span style=”font-style: italic;”><span style=”font-style: italic;”><div style=”height: 100px; width: 400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;”>Masukan Tulisan atau gambar di sini </div></span></span></span>

Harus di ingat ketika anda masukkan kode di atas ke dalam editor text yang ada pada wordpress, maka anda harus memilih mode text dulu karena jika anda paste ke dalam text editor dalam mode visual bisa jadi scroll box nya tidak akan tampil. Untuk memudahkan pemahaman anda, berikut saya tampilkan gambar mode text wordpress yang harus anda pilih.

Gambar Mode text wordpress yang harus dipilih

Mungkin tampilannya akan berbeda dengan wordpress anda, tapi fitur intinya tidak akan jauh beda, dan anda harus mengaktifkan mode text wordpress ini ketika akan melakukan paste kode tadi di atas jika ingin scroll box tadi tampil sempurna di halaman artikel anda.

Cukup mudah kan? Sekarang giliran anda untuk mencobanya. Silahkan anda coba modifikasi bentuknya sampai sesuai dengan bentuk tampilan yang anda inginkan. Caranya anda tinggal mengganti ukuran height dan width yang ada pada kode tersebut. Selamat mencoba dan Semoga sukses !

Tags: #belajar wordpress #blogging #membangun website #trik wordpress #tutorial website

Penulis: Spiderman

Saya adalah Seorang Blogger yang aktif dan konsen di bidang programming, web design, graphic design dan bisnis online. Saya juga tertarik pada bidang Parenting, Kesehatan dan informasi bermanfaat lainnya.