Cara Membuat Kotak Script Buat Posting Kode HTML

Untuk kamu para blogger yang sedang mencari bagaimana cara membuat kotak script kode HTML di postingan blog disini saya akan memberikan cara bagaimana membuat kotak script tersebut.

Membuat kotak script ini sangatlah mudah sekali kamu tinggal copy kode yang sudah saya tulis di artikel ini, lalu kamu paste di mode HTML blogger.

Cara Membuat Kotak Kode HTML dalam Postingan Blog
1. Login ke Blogger
2. Buat Entri Baru
3. Pilih mode HTML

Pilih style kotak script HTML yang sudah saya tulis ini sesuai selera kamu

Style 1

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

Style 2

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
Masukkan Kode Script HTML/Javascript anda disini
</div>

Style 3

<div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;">
Masukan kode script HTML/Javascript atau tulisan anda disini
</div>

Style 4

<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: auto; text-align: left;">
Silahkan masukan kode script/tulisan anda disini
</div>

Style 5

<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>

Style 6

<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>

Style 7

<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>

Style 8

<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>

Style 9

<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>

Style 10

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

Style 11

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

Demikian cara membuat kotak script HTML didalam postingan blog, semoga artikel ini bisa bermanfaat.