Bagaimana Cara Membuat Script Box Dalam Sebuah Postingan Blog – Ketika saya membuat suatu artikel atau postingan yang mengandung Script/Kode HTML, kemudian bingung bagaimana cara meletakkan dalam kotak script yang biasanya para Blogger lakukan untuk melengkapi postingan, agar kode tersebut rapih tidak acak-acakan, memudahkan para pengunjung Blog untuk membedakan antara tulisan artikel dan kode script yang dilampirkannya, karena memang terus terang saya tidak terlalu paham akan hal itu, akhirnya alhamdulillah saya menemukan caranya di coldeja.com.
 |
| sumber gambar : pixabay.com |
Baiklah Sobat Blogger, pada postingan kali ini saya akan sharing kembali dari apa yang saya dapatkan yaitu Bagaimana Cara Membuat Script Box Dalam Sebuah Postingan Blog, yang bisa temen-temen gunakan dalam postingan agar terlihat lebih rapih.
Ada banyak jenis script box yang bisa temen-temen gunakan, tinggal memasangnya saja dan mengatur ukuran serta warna, kalau mau silakan bereksperimen. Berikut Script Box yang bisa sobat blogger gunakan untuk meletakkan kode dalam postingan:
 |
| sumber gambar : pixabay.com |
Kode Kotak Double-Border
<div style=”background-color: #ace5f4; border: 3px #0180cf double; padding: 10px; text-align: left;”>
MASUKKAN KODE HTML DISINI </div>
Kode Kotak Single-Border
<div style=”background-color: #ace5f4; border: 3px solid #0180cf ; padding: 10px; text-align: left;”>
Kode Kotak Border-Dotted
<div style=”background-color: #ace5f4; border: 2px #0180cf dotted; padding:10px; text-align:left;”>MASUKKAN KODE HTML DISINI</div>
 |
| sumber gambar : pixabay.com |
Kode Kotak Scroll Vertikal
<div style=”background-color: white; border: 2px solid #0180cf; height: 70px; overflow: auto; padding: 5px; width: auto;”>
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%;”>
Author: Liputan CS
Liputan CS adalah organisasi non-profit, sebuah komunitas informasi masyarakat, portal berita, gerbang informasi yang berfokus pada penyampaian informasi, inspirasi serta edukasi kepada masyarakat. Dapatkan update terbaru dan artikel menarik lainnya. Masyarakat memilih Liputan CS karena pendekatan inklusif dan kemampuannya dalam menyuarakan potensi wilayah dan ikut serta dalam mencerdaskan Bangsa.
