Kali ini saya akan membahas Cara Membuat Berbagai Macam Kotak Background Di Postingan, jika sobat ingin menampilkan kotak background di dalam postingan atau halaman baru sobat,sobat bisa mengcopy code berikut.dan di dalam kotak background sobat bisa megisi dengan tulisan atau kode HTML/Script yang sudah di parse terlebih dahulu agar bisa muncul di dalam kotak background.
membuatnya cukup mudah sob, silahkan sobat pilih berbagai macam kotak backgroud di bawah ini dan copas codenya:
Cekidot . . .



Solid
<div style="border: 2px #2BA94F solid; padding: 10px; background-color: #800080; text-align: left;"> KODE/TEKS</div>

Dotted
<div style="border: 2px #2BA94F dotted; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

Dashed
<div style="border: 2px #2BA94F dashed; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

Double
<div style="border: 2px #2BA94F double; padding: 10px; background-color: #800080; text-align: left;"> KODE/TEKS</div>

Grove
<div style="border: 4px #2BA94F groove; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

Outset
<div style="border: 4px #2BA94F outset; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

Ridge
<div style="border: 2px #2BA94F ridge; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

Scroll
<div style="border: 4px #2BA94F solid; padding: 10px; background-color: #800080; overflow: auto; height: 50px; width: 300px; text-align: left;">KODE/TEKS</div>

Insert
<div style="border: 4px #2BA94F inset; padding: 10px; background-color: #800080; text-align: left;">KODE/TEKS</div>

Catatan:
border adalalah warna bagian samping.
background warna bagian tengah.
sobat dapat mengganti warnanya sesuka hati,silahkan klick disini atau lansung di atas/menu kode warna:
untuk parse html/script silahkan klick disini atau menu/parse.

Ok dah sekian dulu posingan ini,semoga bermanfaat!!!
jangan lupa untuk membaca postingan saya yang lainnya sob!!!

Poskan Komentar Blogger Disqus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top