Cara Membuat Kotak Scroll Pada Postingan

Kotak scroll atau yg bisa disebut sebagai kontrol penggulung, adalah sebuah fitur yg cocok untuk digunakan saat membuat postingan, karna fungsi kotak scroll sendiri adalah untuk memperingkas sebuah postingan dengan artikel yg panjang, karna biasanya didalam sebuah postingan terdapat berbagai macam penjelasan, kode-kode, atau pun jenis teks lainnya, untuk itu kita perlu memperingkas postingan kita dengan memasukkan beberapa penjelasan-penjelasan atau pun kode-kode ke dalam kotak scroll ini, selain lebih ringkas dengan adanya fungsi scroll ini maka sebuah postingan pun akan terlihat lebih rapi.
Untuk menggunakan fungsi kotak scroll pada sebuah postingan, pada saat menulis artikel, pilih mode HTML(jika yang Anda gunakan blogspot)  atau pilih mode Text (jika Anda menggunakan blog wordpress) dan masukan kode berikut ini.

<div style="background-color: #4169E1; border: 1px solid #008000; height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 500px;">Masukan teks atau gambar disini</div>

Dengan mempelajari baris kode diatas, kalian bisa menciptakan banyak sekali macam-macam bentuk scroll, seperti mengganti warna background, warna border, tebal border, dan masih banyak lagi, berikut penjelasan untuk mengganti tampilan kotak scroll dari kode diatas.

Contoh kotak scroll :

Masukan teks atau gambar disini
Masukan teks atau gambar disini
Masukan teks atau gambar disini
Masukan teks atau gambar disini
Masukan teks atau gambar disini
Masukan teks atau gambar disini
Masukan teks atau gambar disini
Masukan teks atau gambar disini
Masukan teks atau gambar disini

Keterangan Kode :
-. Ganti tulisan "Masukan teks atau gambar disini" dengan tulisan yg kalian inginkan.
-. background-color: #4169E1, silahkan ganti dengan kode warna yg kalian inginkan. (baca artikel kode warna untuk mengetahui kode warna).
-. border: 1px , ubah ketebalan bingkai dengan mengganti angka 1 dengan angka yg lebih besar (semakin besar angka, semakin tebal bingkai).
-. solid #008000, untuk merubah warna bingkai, ganti dengan kode warna yg kalian inginkan.
-. height: 100px, untuk merubah tinggi kotak scroll.
-. width: 500px, untuk merubah lebar kotak scroll.
-. Silahkan cek berhasil atau tidaknya silahkan klik mode Compose (jika yang Anda gunakan blogspot) atau mode Visual (jika blog Anda wordpress).

Penulis : ENDs ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Cara Membuat Kotak Scroll Pada Postingan ini dipublish oleh ENDs pada hari Friday, 8 August 2014. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Cara Membuat Kotak Scroll Pada Postingan