Membuat Scrool Pada Teks di WordPress

berbagai cara untuk membuat blog WordPress anda menjadi kelihatan rapih. Salah satunya yaitu dengan menerapkan scroll pada Postingan WordPress. Scroll berfungsi untuk menyederhanakan tampilan supaya lebih terlihat rapi dan menjadi tidak terlalu luas dan scroll bar biasa digunakan untuk menyisipkan suatu kalimat yang melebihi lebar postingan blog. Contohnya jika kita menyisipkan kode HTML yang tidak bisa kita pisah dengan enter. Untuk membuat scroll pada Postingan WordPress yang menjadi code utama untuk membuat scroll ini adalah adanya code overflow. Jadi jika anda menemukan kode seperti ini, maka ini akan membentuk sebuah scroll. Berikut cara membuat scroll pada Postingan WordPress.

 

1. Seperti biasa Login dulu ke akun WP,

2. Buat Tulisan baru pada Postingan Anda. [Menu Tulisan -> Tambahkan Baru -> Klik Mode HTML/TEKS, bukan Visual. atau bisa juga diletakkan di halaman wordpress. Caranya sama saja, jangan lupa Mode tulisan HTML/TEKS, bukan Visual.

3. Copy code berikut ke dalam mode HTML

<div style=”overflow:auto;width:450px;height:200px;padding:10px;border:1px solid #eee”>

LETAKKAN POSTINGAN DI SINI

</div>

Kode tersebut diletakkan pada saat mode HTML, bukan pada mode Visual. Jika kita ingin mengubah ukuran panjang dan lebar scroll bar yang akan kita buat tinggal mengganti
ukurannya sesuaikan dengan blog anda atau keinginan masing-masing.
Untuk yg warna biru,.lebar scroll, warna merah ketinggian, warna kuning jarak antara border/garis pinggir dengan text. Warna hijau untuk ketebalan garis kotak scroll.

Contoh:

Cara Membuat Scroll pada Postingan WordPress

Copy code berikut ke dalam mode HTML

<div style=”overflow:auto;width:450px;height:200px;padding:10px;border:1px solid #eee”>

LETAKKAN POSTINGAN DI SINI

</div>

 

Selamat mencoba…

5

Posted on March 14, 2013, in WordPress. Bookmark the permalink. Leave a comment.

Silakan tinggalkan komentar .. Kami berhak menghapus kata - kata yang berbau pelecehan, intimidasi, bertendensi suku, agama, ras, antar golongan, porno serta spammer, Terima kasih Kerabat Copaz Blog!

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