cara membuat kotak bingkai di blog

Halo para pembaca setia blog kami! Pada kesempatan kali ini, kami akan berbagi tutorial tentang cara membuat kotak script atau bingkai di dalam postingan blog Anda. Kotak script ini berguna untuk menyoroti kode, cuplikan teks, atau elemen penting lainnya agar terlihat lebih menarik dan mudah dibaca oleh para pembaca.

Berikut adalah langkah-langkahnya:

1. Masuk ke blogger
2. Buat Postingan Baru - Ubah tab Compose ke HTML
3. Copy paste script ini, dan kembali ke postingan di blogger dalam mode HTML.

<div style="border: 3px #007abe Double; padding: 10px;background-color:#ffffff;text-align: left;"> (ganti tulisan ini).</div>

4. Untuk melihat hasilnya kembalikan mode HTML ke Compose

Ganti tulisan "(ganti tulisan ini)" sesuai keinginan sobat.

5. Selesai.

berikut penjelasannya :

Keterangan:
border: 3px = ketebalan kotak script, ganti sesuai keinginan.
#007abe = warna kotak script, ganti sesuai keinginan.
Double : Bentuk frame kotak. (ganti sesuai keinginan atau juga bisa dihilangkan).
padding: 10px = panjang kotak script ke bawah, lebarnya otomatis sampai ke ujung posting.
background-color:ffffff = warna dalam kotak script.
Dan text-align:left; = posisi tulisan didalam kotak script berada di kiri.

Daftar kode lainnya untuk membuat frame kotak scriptKode "Double" pada script diatas, bisa sobat ganti dengan kode dibawah ini (Kode di dalam kurung).

Santai Bareng NET (Double).

Santai Bareng NET (Dotted).

Santai Bareng NET (Dashed).

Santai Bareng NET (Groove).

Santai Bareng NET (Inset).

Santai Bareng NET (Outset).

Santai Bareng NET (Ridge).

Santai Bareng NET (Solid).

Semoga bermanfaat