Cara Membuat Kotak Script di Blog
Pastinya sangat penting bagi kita para blogger jika membuat posting harus dibuat sedemikian rapi agar menjadi nyaman untuk dikunjungi dan lebih mudah untuk dipahami tulisannya.
Anda juga dapat membuat kotak script dan mera
pikannya / memberi scroll sesuai yang anda inginkan.
1. Login ke blogger
2. Buat Entri dan pilih mode menulis "HTML"
3. Masukkan kode dibawah ini :
5. lalu klik dalam kotak dan ganti dengan kode yg akan anda masukkan kedalam kotak
Keterangan Kode :
1. border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
2. Double; = Bentuk kotak, Bisa diganti dengan :
4. background-color:ffffff; = warna dalam kotak.
5. text-align:left; = posisi tulisan didalam kotak di kiri.
Kotak Script Dengan Scroll.
Caranya :
Sama seperti cara diatas, masukan kode script ke HTML.
overflow:auto; = fungsi scrollnya. height(tinggi kotak) dan width(lebar kotak)
Kotak script bisa juga dipindahkan ke kanan, dengan menambahkan kode float: right; ditengah kode diatas.
Sekian postingan tentang cara membuat kotak script dalam posting blog, semoga bermanfaat.
Anda juga dapat membuat kotak script dan mera
pikannya / memberi scroll sesuai yang anda inginkan.
1. Login ke blogger
2. Buat Entri dan pilih mode menulis "HTML"
3. Masukkan kode dibawah ini :
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
MASUKKAN KATA DISINI</div>
4. Klik mode menulis compose dan akan otomatis kotak muncul.text-align: left;">
MASUKKAN KATA DISINI</div>
5. lalu klik dalam kotak dan ganti dengan kode yg akan anda masukkan kedalam kotak
Keterangan Kode :
1. border: 3px = ketebalan kotak script. dan #1780dd = warna kotak script.
2. Double; = Bentuk kotak, Bisa diganti dengan :
.dashed
dotted
Double
Groove
inset
outset
ridge
3. Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting.dotted
Double
Groove
inset
outset
ridge
4. background-color:ffffff; = warna dalam kotak.
5. text-align:left; = posisi tulisan didalam kotak di kiri.
Kotak Script Dengan Scroll.
<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width: 300px;
text-align: left;">
.kode script disini.</div>
overflow: auto; height: 50px; width: 300px;
text-align: left;">
.kode script disini.</div>
Caranya :
Sama seperti cara diatas, masukan kode script ke HTML.
overflow:auto; = fungsi scrollnya. height(tinggi kotak) dan width(lebar kotak)
Kotak script bisa juga dipindahkan ke kanan, dengan menambahkan kode float: right; ditengah kode diatas.
Sekian postingan tentang cara membuat kotak script dalam posting blog, semoga bermanfaat.
