Terus terang pembaca, postingan saya yang berlabel blogging kebanyakan hasil praktek terus saya posting kembali agar tidak lupa, jadi bila ada ketidaksempurnaan yang terjadi, mohon dimaafkan dan saya sangat terbuka untuk berbagi dan dikoreksi, jadi mungkin buat sobat yang sudah pro mohon bimbingannya dan untuk yang selevel saya kita saling belajar. kali ini saya ingin berbagi mengenai pebuatan box atau frame untuk menuliskan script atau catatan penting dalam suatu postingan di blog.
Oke langsung aja ini scriptnya silahkan dicopy paste :
<div style="background-color: #ffffff; border: 3px #1780dd dotted; padding: 10px; text-align: left;">Contoh_script_anda</div>
Ingat ketika mengcopy paste script di atas anda masuk dalam mode html dan ketika anda menuliskan script pada tulisan yang berwarna merah(mengganti tulisan yang berwarna merah) anda dalam mode compose.
Script di atas kalau dilihat dalam mode compose hasilnya seperti ini :
contoh_script_anda (kotak_dobel)
he..he keren dong bro, oh iya kotaknya ndak cuma itu lho, ada yang lain juga ni temen-temenya yang lain :
kotak_solid
kotak_dotted
kotak_dashed
masih ada sih yang lain cuma males ngetiknya, payah ya? udah nyontek males lagi....bodo amat. Nih Saya sebutin aja jenis border yang lain ntar sampeyan tinggal nyoba sendiri hasilnya gimana :
- groove
- inset
- outset
- ridge
sebenarnya kalau nggak pingin pakai border juga bisa seperti frame script di bawah ini, sekaligus saya akan menjelaskan fungsi scriptnya cekitdot :
<div style="background-color: #ffffff; border: 3px #1780dd dotted; padding: 10px; text-align: left;">Contoh_script_anda</div>
- Violet untuk latar belakang frame, yang diganti #ffffff
- Nah yang warnanya ijo untuk mengatur border frame, 3px untuk ketebalan, #1780dd untuk warna, double untuk jenis bordernya, bisa anda ganti sesuai dengan yang saya contohkan tadi (solid, dashed dsb)
- Tulisan biru untuk batas vertikal, yang diganti 10px
- Orange untuk rata text, yang diganti, left
- Merah untuk script atau catatan yang akan anda tulis
Nah untuk script frame tanpa border contoh scriptnya seperti ini
<div style="background-color: dddddd; padding: 5px; text-align: left;">contoh_script_anda</div>
Bagaimana gampang kan? Anda tinggal membuang bagian border aja, selamat mencoba good luck brother....