Cara Membuat + Kumpulan Daftar Keren Untuk Tampilan Kotak Script Kode di Artikel Postingan Blog

BacaBlog.net - Membuat tampilan kotak script di dalam artikel postingan blog dapat membantu para pengunjung membedakan yang merupakan kalimat - kalimat artikel tertentu, biasanya disini yang sering berada di dalam kotak tersebut yaitu saat meletakan atau menempatkan kode script, artikel lainnya yang ada di blog dan juga sebuah catatan - catatan kecil untuk pengunjung blog. Nah untuk sobat Baca Blog yang artikel nya dipasangi kode script anti copas (copy - paste) agar dapat memberikan kalimat tertentu di dalam artikel postingan blog cukup dengan menempatkan artikel tersebut dengan menggunakan tampilan kotak, disini saya menyediakan beberapa pilihan kumpulan tampilan kotak keren untuk sobat Baca Blog.

Sebelum itu saya akan memberikan penjelasan terlebih dahulu kepada sobat, Kotak Script adalah kotak border yang biasa untuk menyimpan kode Script atau Kode HTML di dalam postingan blog untuk bertujuan Script atau HTML yang di simpan di postingan terlihat lebih rapih dan jelas di lihat, karan biasanya yang di simpan di dalam kotak tersebut adalah tujuan target yang di cari oleh si pembaca blog.

Untuk dapat menerapkan kotak script ini sobat Baca Blog harus memparse terlebih dahulu, Parse HTML Disini

1. Tampilan Kotak Script Background Warna Hitam

<pre><code>Tampilan Kotak Script Background Warna Hitam
</code></pre>

2. Tampilan Kotak Script Double Border

<div style="background-color: white; border: 5px #8a2be2 double; padding: 10px; text-align: left;"> Tampilan Kotak Script Double Border</div>

3. Tampilan Kotak Script Border Radius

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #2288dd; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;"> Tampilan Kotak Script Border Radius</div>

<div style="background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;"> www.BacaBlog.net</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;"> <span style="background-color: #eaeaea;">www.BacaBlog.net</span></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;"> <span style="background-color: #eaeaea;">www.BacaBlog.net</span></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;"> <span style="background-color: #eaeaea;">www.BacaBlog.net</span></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;"> <span style="background-color: #eaeaea;">www.BacaBlog.net</span></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;"> <span style="background-color: #eaeaea;">www.BacaBlog.net</span></div>

<div style="background-color: #57aa52; border: 2px #610b38 dashed; padding: 10px;"> <span style="background-color: #eaeaea;">www.BacaBlog.net</span></div>

<div style="background-color: #c2c2c2; border: 2px #1b1a76 dotted; padding: 10px; text-align: left;"> <span style="background-color: #eaeaea;">www.BacaBlog.net</span></div>

<div style="background-color: #82cafa; border: 3px #5f200e double; padding: 10px; text-align: left;"> <span style="background-color: #eaeaea;">www.BacaBlog.net</span></div>

<div style="background-color: #d5839f; border: 2px #006400 inset; padding: 10px; text-align: left;"> <span style="background-color: #eaeaea;">www.BacaBlog.net</span></div>

Pada bagian Tampilan Kotak Script Border Radius "Cara Membuat + Kumpulan Daftar Keren Untuk Tampilan Kotak Script Kode di Artikel Postingan Blog" Kita lihat disana terdapat warna background pada tulisan, hal ini disebabkan karena saya memasang/menuliskan alamat blog hehe

Oke sekian artikel kali ini jangan lupa Follow BacaBlog.net untuk mendapatkan informasi terbaru serta bermanfaat agar dapat menambah wawasan untuk kita semua, dan jangan lupa juga share