Cara Membuat Kotak Untuk Script di Postingan Blog

Hello SobLicious ^_^

Lebaran sebentar lagi :D Ya, lebaran tinggal 4 hari lagi Sob :v Nah, kali ini saya akan menshare tentang "Cara Membuat Kotak Untuk Script di Postingan Blog " Oke, tak usah basa-basi lagi, kita langsung ke TKP :D

Caranya :
1. Login ke Blogger.
2. Pilih Entri baru/New post.
3. Lihat gambar.

4. Selanjutnya klik HTML dan copy salah satu script dibawah ini :

    A. Dengan scroll-bar

Ini Contoh :D
http://alifsar.blogspot.com
http://alifsar.blogspot.com
http://alifsar.blogspot.com
http://alifsar.blogspot.com
http://alifsar.blogspot.com

Caranya :
Copy-kan script berikut ke postingan blog SobLicious.

<div style="border: 5px #41b6d9 solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 100px; width: 300px;
text-align: left;">
Kode script SobLicious</div>

    B. Tanpa scroll-bar

Ini Contoh :D
http://alifsar.blogspot.com

Caranya :
Copy-kan script berikut ke postingan blog SobLicious.

<div style="background-color: white; border: 5px #41b6d9 Solid; padding: 10px; text-align: left;">
Kode Script SobLicious</div>

Keterangan :

1. border: 5px adalah ketebalan border.
2. #41b6d9 adalah warna border.
3. padding: 10px adalah panjang kotak kebawah setelah di enter. (tanpa scroll)
4. height: 100px adalah tinggi kotak script. (dengan scroll)
5. widht: 300px adalah lebar kotak kesamping.

Contoh setelah script di copy

5. Klik didalam kotak.

6. Ganti tulisan "kode script disini" dengan kode script SobLicious.

Bagaimana? Mudah bukan? :v Monggo dicoba ^_^