Cara Membuat Kotak Script di Postingan Blog
Seorang blogger pasti akan bosan jika melihat tampilan blognya seperti itu-itu saja. Apalagi jika postingan artikel tersebut terdapat kode script seperti HTML, CSS, atau bahasa pemrograman, akan terlihat kurang rapih jika kode-kode tersebut tidak ditempatkan di tempat khusus seperti kotak box. Selain itu, jika kita menempatkan kode script tanpa ada kotak script yang menjadi pemisah antara artikel dengan kode script, biasanya akan terjadi error atau tidak muncul sama sekali. Oleh karena itu, artikel kali ini akan membahas terkai cara untuk membuat kotak script di antara artikel blog. Komponen kode yang biasanya ada di kotak script adalah seperti berikut
Adalah garis yang membentuk kotak, ketebalan border bisa diatur dengan cara memperbesar nilai px nya
2. Double
Bisa diganti dengan menggunakan kode dashed, ridge, inset, groove, solid, dan dotted
3. Padding
Adalah kode HTML yang berfungsi untuk menentukan lebar ataupun panjang kotak script dengan memperbesar nilai px nya
4. Background Color
Adalah kode HTML yang berhubungan dengan warna dari kotak script.
5. Text Align
Berfungsi untuk merubah posisi text apakah rata kiri, tengah, kanan, atau rata kiri dan kanan
Dan untuk koda HTML nya ada dibawah ini berikut dengan contohnya
Cara Membuat Kotak Script di Postingan Blog
1. BorderAdalah garis yang membentuk kotak, ketebalan border bisa diatur dengan cara memperbesar nilai px nya
2. Double
Bisa diganti dengan menggunakan kode dashed, ridge, inset, groove, solid, dan dotted
3. Padding
Adalah kode HTML yang berfungsi untuk menentukan lebar ataupun panjang kotak script dengan memperbesar nilai px nya
4. Background Color
Adalah kode HTML yang berhubungan dengan warna dari kotak script.
5. Text Align
Berfungsi untuk merubah posisi text apakah rata kiri, tengah, kanan, atau rata kiri dan kanan
Dan untuk koda HTML nya ada dibawah ini berikut dengan contohnya
<pre style="background-color: lightgreen; border-radius: 0.25rem; box-sizing: inherit; margin-bottom: 1rem; overflow: auto; padding: 1rem;">LETAKKAN KODE SCRIPT DISINI</pre>
<div style="background-color: #82cafa; border: 2px #006400 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">LETAKKAN KODE SCRIPT DISINI
Belum ada Komentar untuk "Cara Membuat Kotak Script di Postingan Blog"
Posting Komentar
1. Centang kotak Notify me/Beri tahu saya untuk mendapatkan notifikasi komentar.
2. Semua komentar dengan menambahkan link akan dihapus dan tidak akan dipublikasikan.