1 Juni 2012
Jumat, Juni 01, 2012

Membuat Berbagai Macam Kotak Backround di Blog

Hy Sobat [R][B] Community Kali ini Saya mau berbagi cara membuat berbagai macam kotak background di posting blog, jika kalian ingin menampilkan kotak background di dalam postingan atau halaman baru kalian.
Sebagai contoh kotak backround Dashed :
CONTOH KOTAK BACKROUND DASHED <CODE>
Dalam kotak background bisa di isi dengan tulisan atau kode HTML/SCRIPT yang sudah di parse terlebih dahulu agar bisa muncul di dalam kotak background.
Langsung aja di praktekkan yukz :)

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

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

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

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

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

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

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

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

Scroll
<div style="background-color: #F1960E; border: 4px solid rgb(red); color: #000000; color:black; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 429px;">KODE/TEKS</div>
Catatan:
border = warna bagian pinggir
background = warna bagian tengah
collor = warna text
Kalian dapat mengganti warna dan mem parse codenya di sini :

CODE WARNA




PARSE HTML/SCRIPT



7 komentar:

  1. kalok pengen templt warnya hijau tulisanya hitam gmana omz

    BalasHapus
  2. warna dasbor kita hijau trus garis n tulisnya hitam

    BalasHapus
  3. latar belakang warnyakayak punya om/yang hijau

    jangan lupa follow ya om http://wwwmranton.blogspot.com/

    BalasHapus
  4. Bingung sama kata2 mu bang!! maaf gue lagi dapet order edit blog temen!

    BalasHapus

Dalam berkomentar, harap memperhatikan hal-hal berikut :
1. Komentar tidak mengandung unsur SARA
2. Tidak memprovokasi pihak lain
3. Tidak mengadu domba
4. Tidak menimbulkan perselisihan
5. Tidak saling menjatuhkan
6. Komentar Link atau Sponsor langsung saya hapus!

Bila anda tidak mnaati peraturan diatas, maka penulis berhak untuk menghapus komentar anda.