Laman utama Blogging Tutorial Cara Membuat Text Box di Blog

Cara Membuat Text Box di Blog

0

Cara Membuat Text Box di Blog

Cara Membuat Text Box - Mungkin disini anda sedang mencari-cari tentang bagaimana cara membuat kotak scipt yang nantinya anda isikan dengan script tuorial yang anda bagikan ke temen sesama blogger. Sebagai contoh Cara membuat text box bisa anda perhatikan di bawah ini.

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Cara Membuat Text Box</div>

Sebenarnya jika anda telah menguasai ilmu tentang Html hal tersebut akan terasa mudah dilakukan. Tetapi tidak semua orang memahami tentang html ini terutama untuk para blogger pemula.

Apa itu Text Blog

Text Box atau yang sering dikenal dengan sebutan Kotak Script merupakan sebuah kotak yang biasanya diisi dengan kode-kode script coding agar terlihat rapi saat dipandang. Untuk cara membuat kotak script anda hanya perlu memasukan kode script yang akan kami bagikan ini.

Khususnya buat anda yang masih pemula, yang masih kebingungan tentang cara membuat text box ini, akan kami bagikan tutorialnya se detail mungkin agar kalian tidak kebingungan. Berikut tutorial cara membuat text box di blog.

Cara Membuat Text Box

1. Masuk ke Postingan

2. Pilih Mode HTML

3. Masukan Kode berikut ini pada mode html

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Masukan Tulisanya Disini</div>

4. Berikut tampilan dari text box yang kami buat

Hai Sobat Blogger

5. Jika sudah dipastikan fix, maka publikasikan hasilnya.

Bagaimana Cara Mengatur Latar Belakang Backgorund Text Box

Untuk mengatur latar belakang backgorund text box sebenarnya mudah banget, anda hanya perlu mengatur kode warna pada backgoundnya seperti background-color: #6fa8dc untuk warna              sedangkan #FF0000 untuk warna              mudah bukan?

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Cara Membuat Text Box</div>

Detail Text Box

#6fa8dc Untuk mengatur warna latar belakang pada text box
-moz-border-radius Untuk mengatur type Style pada border

Bagi anda yang sedang mencari kode-kode latar belakang untuk background, anda bisa mengunjunginya di Sini.

Tak hanya itu, kami juga akan memberikan berbagai macam Text Box untuk anda, bila yang kami contohkan ini kurang berkenan, silahkan pilih text box yang anda inginkan di bawah ini.

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#FF00FF; text-align: left;">Masukan Tulisan Disini</div>

<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;">Masukan Tulisan Disini</div>

<div style="border: 3px #5f200e double; padding: 10px; background-color: #FFFF00; text-align: left;">Masukan Tulisan Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">Masukan Tulisan Disini</div>

<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#00FF00; tex>t-align: left;">Masukan Tulisan disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Masukan Tulisan Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #57E964; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">Masukan Tulisan disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">Masukan Tulisan Disini</div>

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">Masukan Tulisan disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #0000A0; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Masukan Tulisan Disini</div>

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffe599; text-align: left;">Masukan Tulisan Disini</div> 

Related Post

  • Cara membuat box script di blog
  • Cara membuat text box di blog
  • Cara membuat kotak di blogger
  • Cara membuat kotak tulisan di html
  • Membuat kotak di postingan blog
  • Kotak kode script unik

Catatan Lama
Catatan Terbaru

Ads Single Post 4