Cara Membuat Kotak Scroll/Scroll Box di Artikel WordPress

dalam Wordpress
Hosting Murah Berkualitas

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

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

author
Penulis: 
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.
Website Tempat Download Gambar Gratis
Website Tempat Download Gambar Gratis
Pada kesempatan kali ini, saya akan berbagi
Cara Posting Artikel Di Website Berbasis WordPress
Cara Posting Artikel Di Website Berbasis WordPress
Pada saat yang lalu saya sudah membahas
Cara Posting Artikel Di Blogspot
Cara Posting Artikel Di Blogspot
Setelah anda mengikuti artikel saya yang berjudul
Cara Membuat Blog Gratis Dengan Blogspot Untuk Blogger Pemula
Cara Membuat Blog Gratis Dengan Blogspot Untuk Blogger Pemula
Berdasarkan permintaan temen saya dan subscriber di
Konfigurasi WordPress Yang Penting Untuk Diketahui
Konfigurasi WordPress Yang Penting Untuk Diketahui
Pada kesempatan yang lalu saya sudah membahas
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Bagi anda yang ingin memiliki banyak website
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Langkah pertama yang harus anda lakukan ketika
Cara Membeli Domain Dan Hosting
Cara Membeli Domain Dan Hosting
Salah satu persyaratan untuk bisa memiliki sebuah
Cara Install WordPress Di Localhost Dengan Xampp
Cara Install WordPress Di Localhost Dengan Xampp
Sebagai lanjutan dari pembelajaran membangun website, kali

Beri komentar "Cara Membuat Kotak Scroll/Scroll Box di Artikel WordPress"

Baca juga×

Top