Cara Membuat Scroll pada Postingan WordPress

Ada 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…

Happy Blogging.

  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

.

tips & trik | sharing | tutorial blog

tips & trik | sharing | tutorial blog

alian dika.stmikpswu

tips & trik | sharing | tutorial blog

CARI - CARI

tips & trik | sharing | tutorial blog

%d blogger menyukai ini: