 |
| cara membuat kotak script html di posting |
bingung yah mau bikin postingan yang isinya kode-kode HTML, CSS, dan lainnya
nah disini blogger onnetz akan berbagi bagaimana kode tersebut gak bikin penuh posting. kalo penuhnya sama tulisan artikel sih gak papa. malah bagus. tapi kalo kode. mmmm. gemana yah?
langsung aja mari kita telusuri bagaimana cara membuat kotak script khusus untuk html, css, dan sebagainya
dimulai dari membuat posting dan tulis kode ini di post anda. tapi di mode HTML seperti di gambar.
langsung ditulis bro
SOLID BORDER
<div style="border: 2px #006400 solid; padding: 10px; background-color: white; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
RIDGE BORDER
<div style="border: 2px #006400 ridge; padding: 10px; background-color: White; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
DOUBLE BORDER
<div style="border: 2px #006400 double; padding: 10px; background-color: white; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
INSET BORDER
<div style="border: 2px #006400 inset; padding: 10px; background-color: White; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
OUTSET BORDER
<div style="border: 2px #006400 outset; padding: 10px; background-color: white; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
DOTTED BORDER
<div style="border: 2px #006400 dotted; padding: 10px; background-color: white; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI</div>
DASHED BORDER
<div style="border: 2px #006400 dashed; padding: 10px; background-color: white; text-align: left;"> TULIS KODE/SCRIPTNYA DISINI </div>
SCROLL BORDER (paling efektif buat script yang panjang)
<div style="border: 2px #006400 solid; padding: 10px; background-color: White; overflow: auto; height: 60px; width: 400px; text-align: left;">TULIS KODE/SCRIPTNYA DISINI </div>
Keterangan dan penjelasan
1. Warna Biru : untuk mengubah warna border
2. Warna Merah : untuk mengubah tinggi border
3. Warna Hijau : untuk mengubah lebar border
Terima Kasih Atas Kunjungan Anda
DITULIS OLEH Mashudi
Jika mengutip harap berikan link yang menuju ke artikel cara membuat kotak script html di posting ini. Jika artikel ini bermanfaat, ajak kawan mu untuk ambil manfaatnya. Terima kasih atas perhatiannya, baca juga yang lainnya yah.
DITULIS OLEH Mashudi
Jika mengutip harap berikan link yang menuju ke artikel cara membuat kotak script html di posting ini. Jika artikel ini bermanfaat, ajak kawan mu untuk ambil manfaatnya. Terima kasih atas perhatiannya, baca juga yang lainnya yah.
Tag :
Tips dan tricks Blogger
0
Comments
