Cara membuat kotak script di posting blog

Cara Untuk Membuata Kotak script di Postingan blog, Kotak Script biasanya digunakan untuk memasukan kode2 script ke dalam postingan. Agar terlihat rapi dan tidak memakan banyak tempat. Ada yang berbentuk kotak sederhana, Ada yang juga kotak dengan tambahan scroll dan lain-lain. kotak script bisa juga di beri warna sesuai keinginan di bagian backgroundnya dan juga bordernya yang berbentuk kotak, bisa di atur bentuknya. Untuk membuat Kotak script di Postingan blog, ikuti langkah berikut ini :

1.  Login ke blogger. Dan pilih entri baru.
2.  Selanjutnya buatlah tulisan seperti dibawah ini.
3. Selanjutnya Klik HTML dan masukan kode berikut, dibawah tulisan cara membuat kotak script.

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>

    4.  Untuk lebih jelasnya, lihat gambar dibawah ini.

   5.  Sekarang Klik Compose, maka akan ada kotak script. Contoh gambar:

    6.  Selanjutnya Klik di dalam kotak tersebut, dan hapus tulisan Klik Disini.

    7. Terakhir, Masukan kode script yang ingin kamu masukan, didalam kotak itu.             

       Selesai.

KETERANGAN KODE :

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Klik Disini.</div>

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. Dan text-align:left; = posisi tulisan didalam kotak di kiri.


Untuk Kotak Script dengan Scroll Masukan script berikut :

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

   1.  Sama seperti cara di atas, masukan kode script ke HTML.

   2.  Overflow:auto; = fungsi scroll. height (tinggi kotak) dan width (lebar kotak).

   3.  Kotak script bisa juga di pindah ke kanan, dengan menambahkan 
        float: right;di tengah kode di atas.

   4.  Untuk posisi tengah saya kurang tau, jika saya sudah tau, akan saya 
        tambahkan kembali di postingan ini.

Dengan menambahkan kotak script di postingan blog , maka halaman blog akan terlihat lebih rapih dan tidak memakan banyak tempat. tanpa harus isi dari postingan.sekian semoga bermanfaat, lihat tips dan trik lainya di DUNIA INFO.