Cara Membuat Kotak Script di Postingan Blog

cara membuat kotak script di postingan blog - kotak script biasanya digunakan untuk memasukan kode kode html ke dalam postingan agar terlihat lebih rapih dan tidak memakan banyak tempat. Ada banyak tipe kotak script, ada yang berbentuk kotak sederhana, ada juga yang berbentuk kotak dengan tambahan scroll dan masih banyak lagi tipenya. Untuk lebih jelasnya silahkan anda lihat tipe-tipe kotak script yang sudah saya sediakan dibawah ini :

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

<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;">Angelo Brand98</div>

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

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

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

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Angelo Brand98</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;">Angelo Brand98</div>

<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;">Angelo Brand98</div>

<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;">Angelo Brand98</div>

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">Angelo Brand98
</div>

<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;">Angelo Brand98</div>

Cara pasangnya cukup mudah yaitu :

- Copy script box code yang anda suka diatas
- Paste pada menu tab HTML pada saat anda akan membuat postingan
-Ganti kode yang berwarna (Merah) yang bertulisan (Angelo Brand98) dengan script yang ingin anda masukan
 
Mudah bukan ? Sekian dulu cara membuat kotak script di postingan blog. Semoga bermanfaat bagi anda yang membaca.

Tweet