Diberdayakan oleh Blogger.

Minggu, 02 November 2014

Membuat kotak kode script sederhana

Cara Membuat Kotak Script sederhana di Blog :

1.Masuk ke akun blogger sobat
2.Lalu buat entri baru lalu pilih HTML
3.Copy script berikut ini dan paste kan di kolom HTML blogger agan :

Kotak Script :
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
Letakkan Kode script disini</div>

Kotak Script dengan scroll :
<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width: 300px;
text-align: left;">
Letakkan Kode script disini</div>

Keterangan :
  1. border: 3px = ketebalan kotak script. 
  2. #1780dd = warna kotak script.
  3. Double; = Bentuk kotak, bisa diganti dengan ( dashed, dotted, double, Groove, inset, outset, ridge )
  4. Padding:10px = panjang kotak ke bawah, untuk lebarnya otomatis sampai ke ujung posting. 
  5. background-color:ffffff; = warna dalam kotak.
  6. text-align:left; = posisi tulisan didalam kotak di kiri.
  7. overflow:auto; = fungsi scrollnya. height(tinggi kotak) dan width(lebar kotak)
  8. Kotak script bisa juga dipindahkan ke kanan, dengan menambahkan kode float: right; ditengah kode diatas.

4. Setelah selesai pilih compose dan letakkan kode script agan di kolom tulisan merah.

Selamat mencoba!

Tidak ada komentar:

Posting Komentar

 

Blogger templates

X-Steel - Alternate Select

Pengikut