1. Kotak simpel warna biru
Silahkan masukan kode script/tulisan anda disini
<div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;"> Silahkan masukan kode script/tulisan anda disini </div>
2. kotak simpel warna jingga
Silahkan masukan kode script/tulisan anda disini
<div style="border: 2px #5f200e solid; padding: 10px; background-color: #d9da81; text-align: left;"> Silahkan masukan kode script/tulisan anda disini </div>3. Kotak dengan garis 1
Silahkan masukan kode script/tulisan anda disini
<div style="border: 3px #5f200e outset; padding: 10px; background-color: #d9da81; text-align: left;"> Silahkan masukan kode script/tulisan anda disini</div>
4. kotak dengan garis 2
Silahkan masukan kode script/tulisan anda disini
<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Silahkan masukan kode script/tulisan anda disini</</div>
5. kotak dengan garis luar
Silahkan masukan kode script/tulisan anda disini
<div style="border: 2px #006400 ridge; padding: 10px; background-color:#c2c2c2; text-align: left;"> Silahkan masukan kode script/tulisan anda disini</div>
6. Kotak dengan garis dobel
Silahkan masukan kode script/tulisan anda disini
<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Silahkan masukan kode script/tulisan anda disini</div>
7. kotak dengan garis putus putus
Silahkan masukan kode script/tulisan anda disini
<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; text-align: left;"> Silahkan masukan kode script/tulisan anda disini</div>
8. kotak dengan garis putus putus
Silahkan masukan kode script/tulisan anda disini
<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Silahkan masukan kode script/tulisan anda disini</div>
9. kotak dengan scroll
<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 400px; text-align: left;"> Silahkan masukan kode script/tulisan anda disini </div>
<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 400px; text-align: left;"> Silahkan masukan kode script/tulisan anda disini </div>
ket : 400px : adalah lebar kotak
50px : adalah tinggi kotak
Cara Pemasangan :
untuk hasil maksimal
1. Kopi code berikut dan paste kedalam HTML Postingan ingat bukan Compose
edit code jika ingin mengganti warna bacground, teks dan border serta tebal tipis border
2. Untuk melihat hasilnya klik Compose
3. Jika sudah oke, silahkan kopi paste code, teks dll. kedalam kalimat Cobah-cobah ( supaya kodenya tidak
berantakan kalimat cobah-cobah blok terlebih dahulu contoh : Cobah- Cobah kemudian kopi code yang
hendak di masukkan kemudian paste kedalam kalimat Cobah-cobah.
4. Selanjutnya setelah code dipaste kedalam kotak/border, Blok semua code didalam kotak ( seperti contoh kalimat cobah-cobah diatas kemudian pilih ukuran Font/ teks klik NORMAL kemudian pilih ALIGNMET ( posisi teks ) klik paling atas/ kiri. Kemudian klik warna untuk menyesuaikan warna code yang sesuai dengan dengan border/kotak
Keterangan :
- COBAH- COBAH - Ganti dengan code atau teks yang akan ditampilkan
- Warna Orange dan Biru adalah warna bacground dan border
- Warna merah adalah warna tulisan/ teks
- Warna hijau adalah tebal border
CODE 1
<p style="border: solid 1px #eceff5; background: #29447E; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px">Coba coba</p>
CODE 2
<p style="border: solid 1px #aaa; background: #ccc; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: black; font-size: 18px">Coba coba</p>
CODE 3
<p style="border: solid 1px #29447E; background: #8a9ac5; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px">Coba coba</p>
CODE 4
<p style="border: solid 1px #333; background: #999; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: black; font-size: 18px">Coba coba</p>
CODE 5 ( bacground otomatis mengikuti latar postingan blog )
<p style="border: dashed 2px #eceff5; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #1a356e; font-size: 18px">Coba coba</p>
CODE 6 ]
<p style="border: dashed 2px #ee3f10; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: #1a356e; font-size: 18px">Coba coba</p>
Emoticon