Choose Your Language
English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
Language

Perlu Disini

Untuk mempercepat download software silahkan klik DISINI.
Agar dapat meng-extract kompressan software klik DISINI.

Loading

Cara Membuat Teks Dalam Kotak / Teks Area

Postingan yang indah akan muncul ketika postingan itu menarik jiwa seseorang. Salah satunya yaitu membuat teks dalam kotak atau teks area. Teks area atau teks di dalam kotak berfungsi sebagai pemisah bagian agar penulis bisa menentukan objek mana yang perlu mendapatkan perhatian oleh pembacanya. Sobat juga bisa membuat kotak teks area menggunakan scroll.

Dalam membuat Teks Area saya mempunyai dua cara.

---------------------------------------------------------------------------------------------------------------
CARA 1
---------------------------------------------------------------------------------------------------------------

Silahkan sobat perhatikan kode dibawah ini :


<textarea cols="30" rows="5">TULISAN SOBAT</textarea>

      
Kode diatas akan menghasilkan tampilan sebagai berikut :


  • Untuk kode bewarna biru yang bertulis rows="5" adalah ukuran lebar ke bawah
  • Untuk kode bewarna merah yang bertulis cols="30" adalah ukuran panjang ke kanan
Sobat blogger sering menemukan teks area seperti contoh diatas. Seperti pada kotak Link Exchange, banyak sobat blogger yang menggunakan trick teks area ini. Seperti contoh pada Link Exchange saya.

COPY KODE INI DI LINK EXCHANGE SOBAT
jika kawan blogger sudah menempatkan kode diatas pada blog sobat. konfirmasi saya, pasti akan saya pasang balik link sobat :)

---------------------------------------------------------------------------------------------------------------
CARA 2
---------------------------------------------------------------------------------------------------------------


<div style="background: none repeat scroll 0% 0% white; border: 1px inset rgb(108, 122, 125); color: brown; margin-left: 50px; margin-right: 50px; padding-left: 30px; padding-right: 50px; text-align: center;">&lt;a href="http://www.elang-antarnusa.blogspot.com/" target="new"&gt;ELANG ANTARNUSA&lt;/a&gt;</div>


<a href="http://www.elang-antarnusa.blogspot.com/" target="new">ELANG ANTARNUSA</a>
  • tulisan bewarna biru pada kata margin-left: 50px; adalah jarak kotak ke tepi kiri postingan
  • tulisan bewarna merah pada kata margin-right: 50 px; adalah jarak kotak ke tepi kanan postingan
  • tulisan bewarna coklat pada kata color: brown; adalah warna pada teks didalam kotak
---------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------
Selamat mencoba sobat


Artikel Terkait:

15 komentar:

PAKSI DIRGANTARA mengatakan...

Sob, postingan ini sangat bermanfaat. Thanks dah share.

Karlz mengatakan...

Nice tutor sob ^-^

etam grecek mengatakan...

thanks sob lngsung ku pake nh kbetulan lg renovasi widget

DEMPO AWANG PUTRA ELANG ANTARNUSA mengatakan...

@ paksi : sm2 sob, sukses sll.
@ Karlz : Thanks sob .
@ Etam : wah, langsung d pake ^_^ Sukses sll deh sob

mr. angga mengatakan...

bagus sob, sy blm buat postingan ini, hahaha, dah kburu km, ya plg ntr sy modif dikit lah scriptnya, keep blogging sob :)

DEMPO AWANG PUTRA ELANG ANTARNUSA mengatakan...

@ mr.annga : yg penting gak sm dg sy persis. thanks sob.

Nuu.. mengatakan...

betul-betul itu sob...
perlu ada pemisah, supaya perhatian visitor lebih fokus...
nice info kawan...

peace & love mengatakan...

mksh gan ilmunya

Yantolim Shopingmall mengatakan...

ada yang tahu gak , Membuat Teks Dalam Foto

Wans Bloggers mengatakan...

Kalau text scrool gmana gan??

Amir mahmud mengatakan...

MANTAPZ GAN GAMPANG SEKALEEEE.CARANYA

Novan mengatakan...

link sudah saya psang di blog saya..
silahkan di cek di http://nouvanjava.blogspot.com/

BACKLINK GRATIS mengatakan...

ane terapkan di blog ane gan....

1000 backlink indonesia mengatakan...

blog agan sudah ane pajang di sini gan
http://backlink21.blogspot.com

pulsa murah tangerang mengatakan...

mantab gan nice info

Posting Komentar

 
KLIK DI SINI UNTUK MEMBUATTEXT ON YOUR DEKSTOP| BARU. . . MOZILLA FIREFOX 4.0 ALPHA 1 PORTABLE FULL. KLIK DISINI| KUNJUNGI BERBAGAI SOFTWARE GRATISAN FULL ALIAS NO TRIAL | TERIMA KASIH TELAH BERKUNJUNG