Tuesday, 9 June 2015

Cara Membuat Kotak Script di Blog

08:01
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 :


<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.
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.
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>

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.

Thanks for reading Cara Membuat Kotak Script di Blog

Related Posts

Your Comments

No comments:

Post a Comment

Dimohon untuk tidak promosi. Dimohon untuk menggunakan kata-kata yang sopan dalam berkomentar. Terima kasih atas kunjungannya.

Copyright © Kepo Info. All rights reserved. Template by CB Blogger