Cara Membuat Kotak HTML, CSS & JavaScript (Js) di Postingan Blog

Tutorial: Cara Membuat dan Menampilkan Kotak untuk HTML, CSS, dan JavaScript (Js) di Postingan Blogger/Blogspot

Dinamakan "Box Code" yakni sebuah kotak yang sengaja ditampilkan untuk membedakan mana isi artikel dengan HTML, CSS, dan JavaScript (Js).

Selain atribut HTML seperti Pre atau Code, -- Box Code biasanya digunakan oleh situs web yang mengutamakan Content dengan topik utama tentang dunia HTML, CSS, dan JavaScript (Js).

Contohnya? Add Blogger Themes yang sedang kamu kunjungi ini, misalnya :)

Cara Membuat Kotak HTML, CSS, dan JavaScript (Js) di Postingan Blog

Dari penjelasan singkat di atas, dapat disimpulkan kalau Box Code berperan penting; karena tugasnya untuk membedakan mana isi artikel (Content) dan mana kode-kode seperti HTML, CSS, dan JavaScript (Js).

Box Code Stylish #1

<div style="border: 1px solid #444; line-height: 1.4em; background-color: #f2f2f2; padding: 10px;">
Disinilah letak HTML, CSS, dan JavaScript (Js) yang akan disematkan
</div>

Hasilkan yang ditampilkan sebagai berikut:

Disinilah letak HTML, CSS, dan JavaScript (Js) yang akan disematkan

Box Code Stylish #2

<p style="border: 2px dashed #ee3f10; padding: 15px">
Disinilah letak HTML, CSS, dan JavaScript (Js) yang akan disematkan
</p>

Hasilkan yang ditampilkan sebagai berikut:

Disinilah letak HTML, CSS, dan JavaScript (Js) yang akan disematkan

Box Code Stylish #3

<p style="border: 1px solid #eceff5; background: #29447E; padding: 15px; color: #fff">
Disinilah letak HTML, CSS, dan JavaScript (Js) yang akan disematkan
</p>

Hasilkan yang ditampilkan sebagai berikut:

Disinilah letak HTML, CSS, dan JavaScript (Js) yang akan disematkan

Box Code Stylish #4

<div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;">
Disinilah letak HTML, CSS, dan JavaScript (Js) yang akan disematkan
</div>

Hasilkan yang ditampilkan sebagai berikut:

Disinilah letak HTML, CSS, dan JavaScript (Js) yang akan disematkan

Oh iya, pemasangan Box Code di atas harus dilakukan dalam mode tulisan HTML, dan bukan Compose seperti biasa yang kamu lakukan.

Kalau kamu membutuhkan yang namanya Box Code; maka manfaatkan tutorial ini sebaik mungkin. Selain itu pula, Box Code yang kami bagikan ini juga bisa kamu modifikasi sesuai keinginan kamu.

Labels: Tutorial Blogger

Thanks for reading Cara Membuat Kotak HTML, CSS & JavaScript (Js) di Postingan Blog. Please share this article.

Share this post