Cara Mudah Membuat Kotak Text, Kolom Scroll, Variasi Text Area, Bingkai Text pada Posting Blog

Semoga Bermanfaat
Jangan Lupa LIKE and FOLLOW ^_^

×

Minggu, 05 Mei 2013

Cara Mudah Membuat Kotak Text, Kolom Scroll, Variasi Text Area, Bingkai Text pada Posting Blog

Welcome to Mata Air Ilmu | Center of Excellence


Cara Mudah Membuat Kotak Text,  Kolom Scroll, Variasi Text Area, Bingkai Text pada Posting Blog-Web
Cara Mudah Membuat Kotak Text,  Kolom Scroll, Variasi Text Area, Bingkai Text pada Posting Blog
Assalamu'alaykum Wr. Wb.
Bismillahirrohmaanirrohiim

Terima kasih buat sobat semua yang telah berkunjung pada blog yang sederhana ini, kali ini saya menulis artikel yang berjudul Cara Membuat Text Area/Kolom Scroll pada Posting Blog. 

Tutorial pemasangannya :
  1. Login ke blog anda
  2. Buat Entri Baru/ New Entri
  3. Kemudian Klik HTML, masukan (copy) kode di bawah ini:
<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 200px; width: 500px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukkan Tulisan atau teks sobat disini
< /div></span></span></span>

Jika Berhasil, maka seperti di bawah ini:

Masukkan Tulisan atau teks sobat disini


Thanks you for visiting | Semoga Bermanfaat


























Keterangan !!!!

200px : untuk mengatur tinggi kolom scroll

500px : kode untuk mengatur lebar kolom scroll

Tulisan atau teks sobat disini : silahkan sobat ganti dengan teks atau tulisan yang sobat inginkan.


Jika Ingin Mencoba Kode Lain Copy Kode di bawah ini:

<div style="background-color: white; border: 1px solid rgb(191, 189, 189); height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 400px;">Masukkan Tulisan atau teks sobat disini</div>
<textarea rows="6" cols="35">Masukkan Tulisan atau teks sobat disini</textarea>
<div style="border: 1px solid #CCC; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color:#00FFFF; text-align: Justify;">Masukkan Tulisan atau teks sobat disini</div>

Keterangan !!!!

100px : untuk mengatur tinggi kolom scroll

400px : kode untuk mengatur lebar kolom scroll

Masukkan Tulisan atau teks sobat disini : silahkan sobat ganti dengan teks atau tulisan yang sobat inginkan.

Sumber : softwaremaniapc.blogspot.com
Thanks You For Visiting | Semoga Bermanfaat

Published: Rio Anderta Mata Air Ilmu | Center of Excellence Updated at : 12.53
17 Comments
Tweets
Komentar

17 komentar: