Bismillah,
Berikut cara untuk membuat kotak kode script pada postingan suatu blog, agar artikel tampak lebih rapi.
ikuti langkah dibawah ini :
~Solid Border
<div style="border: 2px #808080 solid; padding: 10px; background-color: BLUE; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
~Ridge Border
<div style="border: 2px #808080 ridge; padding: 10px; background-color: BLUE; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
~Inset Border
<div style="border: 2px #808080 inset; padding: 10px; background-color: BLUE; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
~Outset Border
<div style="border: 2px #808080 outset; padding: 10px; background-color: BLUE; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
~Double Border
<div style="border: 2px #808080 double; padding: 10px; background-color: BLUE; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
~Dotted Border
<div style="border: 2px #808080 dotted; padding: 10px; background-color: BLUE; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
~Dashed Border
<div style="border: 2px #808080 dashed; padding: 10px; background-color: BLUE; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI </div>
~Border Dengan Panjang, Lebar, Scrol
<div style="border: 2px #808080 solid; padding: 10px; background-color: BLUE; overflow: auto; height: 50px; width: 300px; text-align: left;">TULIS KODE/SCRIPTNYA DISINI </div>
Ket:
1. Text yang berwarna merah bisa anda ganti dengan script yang ingin anda posting
2. Text yang berwarna hijau bisa anda edit untuk mengubah warna border kotak
3. Text "BLUE" bisa anda edit untuk mengubah warna background kotak
Semoga Barokah dan Bermanfaat
PU7RA_SHARE ~ Because Im Care
Terimakasih