Cara Mudah Membuat Kotak Text, Kolom Scroll, Variasi Text Area, Bingkai Text pada Posting Blog-Web
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 :
- Login ke blog anda
- Buat Entri Baru/ New Entri
- 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>
< /div></span></span></span>
Jika Berhasil, maka seperti di bawah ini:
Masukkan Tulisan atau teks sobat disini
Thanks you for visiting | Semoga Bermanfaat
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
@Sandi Metaland...Thanks 4 Visiting ^_^
ReplyDeletethanks sob info nya....
ReplyDeleteyupz
DeletePERTAMAXX
ReplyDeletehttp://skarange.blogspot.com
makasih mas : )
ReplyDeleteyupz
DeleteTerimakasih kawan... simple dan berguna.. http://redaksiexpo2012.blogspot.com/
ReplyDeleteyupz
DeleteHasilnya juga banyak adaDISINI
ReplyDelete-̶̶•-̶̶•̸Ϟ•̸Ťђαηĸ Ɣõú•̸Ϟ•̸-̶̶•-̶̶ Gan !!
yupz
DeleteMantap juga gan tutorialnya.
ReplyDeleteyupz
DeleteMantap Templatenya Gan :D :v
ReplyDeletewww.mataharimonth.blogspot.com
visit back :D
Yoi gan...
DeleteMantap.. .Tutorialnya
ReplyDeletehttp://blogjayapost.blogspot.com
Sm" Gan
Delete