Tampilkan postingan dengan label Cara Membuat Kotak Script HTML dan Text Dalam Postingan Blog Box Berwarna. Tampilkan semua postingan
Tampilkan postingan dengan label Cara Membuat Kotak Script HTML dan Text Dalam Postingan Blog Box Berwarna. Tampilkan semua postingan

Cara Membuat Kotak Script HTML dan Text Dalam Postingan Blog Box Berwarna

Cara Membuat Kotak Script HTML dan Text Dalam Postingan Blog Box Berwarna | Admin baru saja mengabadikan sebuah artikel tentang "Membuat Tombol Back To Top" namun saat akan menuliskan kode kode terjadi kendala setelah ditampilkan yaitu di selangi oleh iklan. Sehingga kode yang muncu tidak full.

Salah satu cara agar script kode html itu muncul secara lengkap tanpa di selangi oleh apa pun adalah dengan membuat kotak/box.

Cara Membuat Kotak Script HTML dan Text Dalam Postingan Blog Box Berwarna

Setelah googling akhirnya admin mencoba mengikuti sebuah artikel yang dishare oleh "coldeja" dan ternyata informasi yang ada disana setelah saya praktekkan benar benar berhasil membuat kotak yang berwarna dan bisa diisi script html atau hanya text saja.

Berikut ini adalah Cara Membuat Kotak Script HTML dan Text Dalam Postingan Blog Box Berwarna dengan bermacam macam pilihan

Kode Kotak Double-Border


 <div style="background-color: #ace5f4; border: 3px #0180cf double; padding: 10px; text-align: left;">
MASUKKAN KODE HTML DISINI </div>
MASUKKAN KODE HTML DISINI


Kode Kotak Single-Border


 <div style="background-color: #ace5f4; border: 3px solid #0180cf ; padding: 10px; text-align: left;">
MASUKKAN KODE HTML DISINI </div>
MASUKKAN KODE HTML DISINI



Kode Kotak Border-Dotted


 <div style="background-color: #ace5f4; border: 2px #0180cf dotted; padding:10px; text-align:left;">MASUKKAN KODE HTML DISINI</div> 
TULISAN DISINI


Kode Kotak Scroll Vertikal


 <div style="background-color: white; border: 2px solid #0180cf; height: 70px; overflow: auto; padding: 5px; width: auto;">
MASUKKAN KODE HTML DISINI
DISINI JUGA
SAMA DISINI
KALO ADA DISINI JUGA
</div>
MASUKKAN KODE HTML DISINI
DISINI JUGA
SAMA DISINI
KALO ADA DISINI JUGA


Kode Kotak Scroll Vertikal dan Horizontal


 <div style="border: 2px solid #0180cf; height: 70px; overflow-x: scroll; overflow-y: scroll; width: auto;">
<div style="width: 1000%;">
MASUKKAN KODE HTML DISINI
DISINI JUGA
SAMA DISINI
KALO ADA DISINI JUGA</div>
</div>
MASUKKAN KODE HTML DISINI
DISINI JUGA
SAMA DISINI
KALO ADA DISINI JUGA


Ganti kode #0180cf untuk mengganti warna border, #0180cf untuk mengganti warna background, dan Merah untuk kode html kamu