Selasa

Cara Membuat Scroll Text Area di Blog

contoh:
ini adalah contoh scroll text area yang telah dibuat.
dari kode:
<div style="border: 2px solid #000000; height: 100px; margin-left: 20px; overflow: auto; padding: 3px; text-align: left; width: 320px;">Text anda disini</div>

semakin banyak text, semakin besar scroll textnya langsung aja baca penjelasan dibawah ini


 anda pastinya ingin kan yang seperti pada contoh di atas
 silahkan copy code dibawah ini:

<div style="border: 2px solid #000000; height: 100px; margin-left: 20px; overflow: auto; padding: 3px; text-align: left; width: 320px;">Text anda disini</div>

penjelasan:

Yang berwarna biru adalah value atau ukuran border, tinggi, margin, padding, dan luas area. Anda dapat mengubahnya sesuai keinginan.
Yang berwarna merah adalah nilai warna border, anda dapat pula mengubahnya. Untuk panduan code warna hex, bisa dilihat disini.
Text-align memiliki 4 value: left, center, justify, dan right.
Anda dapat mengutak-atik atribut-atribut di atas; bahkan menambah atau menghapus atribut yang tidak diperlukan, kecuali 3 atribut inti: height, overflow, dan width untuk mendapatkan bentuk scroll text blog yg diinginkan.
Untuk bagian posting gunakan edit HTML, untuk sidebar pilih gadget HML/JavaScript.

selamat mencoba,


Tidak ada komentar :

Posting Komentar

Komentar akan dihapus, jika tidak sesuai dengan aturan dibawah ini,

» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi

Terima Kasih .... Klik Link Ini Untuk Berlangganan Artikel Kumpulsuka.

kumpul suka