Membuat Scroll Box dan Background Teks di WordPress


Scroll Box

Dalam topik kali ini saya akan berbagi ilmu dengan anda sekalian… Kali ini yang saya jelaskan adalah bagaimana cara membuat scroll box di wordpress…
Sebelum kita mulai, ada baiknya kita tahu apa itu scroll box? Scroll box adalah sebuah kotak yang akan muncul scroll apabila isi atau konten terlalu besar untuk menempati kotak tersebut. Contoh seperti gambar di bawah:😀

Lalalalalalalalalalalalalalalalalalalalalalala
lalalalalalalalalalalalalalalalalalalalalalalala
lalalalalalalalalalalalalalalalalalalalalalalala
lalalalalalalalalalalalalalalalalalalalalalalala
laLalalalalalalalalalalalalalalalalalalalalalala
lalalalalalalalalalalalalalalalalalalalalalalala
lalalalalalalalalalalalalalalalalalalalalalalala
lalalalalalalalalalalalalalalalalalalalalalalala

Bagaimana cara membuatnya?

Pertama-tama HTML kode yang kita butuhkan adalah kurang lebih sebagai berikut

<div style=”height: 100px; width: 200px; overflow: scroll; border: 2px none;”>Tulisan anda</div>

Penjelasan singkatnya adalah sebagai berikut:
height: 100px” : Merupakan panjang dari kotak yang kita inginkan. misal contoh di atas kita menginginkan panjang kotak sebesar 100 pixel, maka kita tulis “height:100px
widtht: 200px” : Untuk yang ini digunakan dalam pembuatan lebar kotak yang kita inginkan. Sama seperti panjang, satuan adalah pixel atau px.
Tulisan anda” : Tempat untuk menaruh tulisan anda.

Background Text

Nah… untuk yang di bawah ini namanya background text atau sebuah latar belakang untuk teks anda.

Tulisan Anda

Bagaimana cara membuatnya?

cukup copy paste saja HTML kode di bawa ini. hahaha😀😀

<div style=”overflow: auto; width: 200px; height: 100px;
background-color: #FFFFFF; text-align: justify; padding: 5px;
border: 1px solid #FFFFFF;”>Tulisan Anda</div>

Penjelasan singkatnya sebagai berikut:

Untuk penjelasan Width dan Height sama dengan cara membuat scroll box.
#FFFFFF” : HTML code untuk warna latar yang kita inginkan. diisi berdasarkan Kode HTML untuk warna, bisa dilihat di sini.
#FFFFFF” : Klo yang ini buat warna border, atau garis pinggiran latar.
Tulisan Anda” : isi dah tulisan yang anda mau.

Sekian saja… mudah-mudahan tulisan ini bermanfaat…🙂

About threevia
cuma orang biasa yang ingin menjadi luar biasa...

4 Responses to Membuat Scroll Box dan Background Teks di WordPress

  1. rosihan says:

    ini artikel yang sy cari,…..makasih ya…..

  2. secpolmsc1 says:

    wah tapi kog di WP saya gag bisa ya????? haduh.. kenapa cuma HTML tertentu yang bisa

  3. Wir@dmin says:

    wahh,, patut di coba nih..😀

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

%d bloggers like this: