Cara Mudah Membuat Kotak Script Pada Blog

Cara Mudah Membuat Kotak Script Pada BlogĀ 

Cara Mudah Membuat Kotak Script Pada Blog — Kotak script bisa digunakan untuk mengisi script pada postingan. Tujuannya adalah agar script terlihat lebih rapi jika diterapkan didalam kotak script ini.
Kali ini saya akan sedikit berbagi cara mudah untuk membuat kotak script.

Cara mudah membuat kotak script pada postingan.

1. Masuk ke dashboard blogger.
2. Buat postingan baru.
3. Untuk lebih mudahnya setting pilihan menulia seperti gambar. Bertujuan agar Anda lebih mudah memasukkan kode html.

Cara Mudah Membuat Kotak Script Pada Blog.

4. Lalu pilih Html.
5. Dan terapkan kode ini.

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

Seperti ini.

Cara Mudah Membuat Kotak Script Pada Blog.

6. Lalu pindah penulisan ke Compose dan lihat hasilnya akan seperti ini.

Tinggal masukkan kode script yang ingin Anda tulis ke dalam kotak.

Anda juga bisa merubah bentuk model garisnya menjadi model yang lain.

Dan berikut keterangan dari kode diatas:
Border 3px: ketebalan kotak script.
#1780dd: warna kotak cript.
Double: model bentuk kotak bisa diganti dengan
– dashed
– dotted
– double
– grove
– inset
– outset
– ridge
Padding 10px: panjang kotak script.
Background:#ffffff: warna dasar kotak.
Text_align: left: text berada di kiri.

Ada juga kotak script model yang lainnya, yaitu model bergulir atau scroll.
Berikut kode scriptnya dan hasilnya.

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

Untuk model yang lain.

<div style=”border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;”>
Kode Script disini
</div>

Selanjutnya.

<div style=”-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;”>
Kode Script disiniĀ </div>

Lagi.

<div style=”-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;”>
Kode Script disini</div>

Lebih banyak lagi.

<div style=”-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;”>
Kode Script disini</div>

Sekali lagi. Heheheee…

<div style=”-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;”>
Kode Script disini</div>

Semoga membantu. Oh ya beberapa script diatas admin ambil dari catatantukangangon.blogspot.co.id dan terimakasih atas bantuannya. Heheheee..

Baca juga : Cara Mudah Artikel Baru Cepat Terindex Dalam hitungan Menit

Untuk lebih jelasnya silahkan langsung berkunjung ke sana.

Be the first to comment

Leave a Reply

Alamat email Anda tidak akan dipublikasikan.


*


This site uses Akismet to reduce spam. Learn how your comment data is processed.