Cara Membuat Kotak Script Kode HTML di Halaman Post Blog

Kotak script, biasanya digunakan untuk memasukan kode_Kode script ke dalam posting Blog Agar terlihat rapi , Simple dan terkesan Menarik, dan menghemat Tempat.

Bentuk Kotak Script sangat Beragam,di antaranya : kotak sederhana, kotak dengan tambahan scroll, Kotak dengan Beground Warna, dan Masih banyak lagi Yang lainya.

Caranya cukup mudah tinggal copy_Paste script dibawah ini maka akan muncul kotak tersebut di halaman postingan / Laman  Anda.

Okey langsung Saja Kita Mulai Membuatya :

1. Buka Blog Anda.
2. Buka Entri Baru.
3. Klik HTML { letaknya di samping compose }.
4. Lalu Copy dan Pastekan Kode HTML di Bawah ini ( Sesuai Pilihan Kotak Yang Anda Suka ) ke dalam Post HTML Tadi.

<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;">Kode Script Anda Disini</div>

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

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
Kode Script Anda Di Sini
</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

a <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;">Kode Script Anda Disini</div>

a <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;">Kode Script Anda Disini</div>

<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; tex>t-align: left;"> Kode Script Anda Disini</div>

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini</div>

<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini</div>

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

a <div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Kode Script Anda Disini</div>

Jika ingin Merubah warna Beground silahkan Pilih Warna yg Anda suka, dgn Mengunjungi
: Kode Warna HTML

Silahkan pilih Kotak Yang Anda Suka,
Semoga Artikel Ini bermanfa'at.

Baca Juga :  Cara Membuat Tabel Scroll

Share Share Tweet Share Share Share

KLIK

DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain https://irinmedia.blogspot.com/. Terima kasih.