Cara Menciptakan Kotak Script Pada Postingan Blog

_Jika Sobat Seorang Blogger pastinya ingin menampilkan halaman Blognya terlihat semenarik mungkin. Banyak Blogger menggunaka kotak dalam Postingan untuk menaruh Informasi-Informasi penting. Salah satunya yaitu Script HTML, JAVA, dan lain sebagainya. Tapi itu semua tidak sanggup didapatkan secara Otomatis dari Blogspot. Maka dari itu kita harus membuatnya sendiri. Bagi Sobat yang masih galau bagaimana cara membuatnya. Maka kali ini Saya akan menciptakan Tutorial, Bagaimana cara menciptakan kotak Script pada Postingan Blog.

Sebelum ke pokok bahasan, Lebih baiknya Sobat mengenali terlebih dahulu beberapa Kriteria atau tampilan Kotaknya sesuai Style beserta Kode Scriptnya yang sanggup Sobat pilih. Di antaranya yaitu sebagai berikut :

Baca Juga

Macam-Macam Kriteria atau Style Kotak Script pada Postingan Blog

1. Style Minimalis.

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">Pasang Kode Script Anda Di Sini</div>

2. Style Left Border.

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #FEBF80; border-left: 5px solid #FF3300; border-radius: 10px; padding: 10px; t-align: left;">Pasang Kode Script Anda Disini</div>

3. Style Dotted.

<div style="background-color: #d580fe; border: 2px #1b1a76 dotted; padding: 10px; text-align: left;">Pasang Kode Script Anda Disini</div>

4. Style Double.

<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;">Pasang Kode Script Anda Disini</div>

5. Style Dashed.

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed
#aaa; padding: 10px; t-align: left;">Pasang Kode Script Anda Disini</div>

6. Style Scroll.

<div style="background-color: #82cafa; border: 2px #006400 solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 300px;">Pasang
Kode Script Anda Disini</div>

Cara Membuat Kotak Script pada Postingan

Untuk menciptakan Kotak Script pada Postingan, yang sanggup Sobat gunakan untuk Menempatkan Kode Script atau Informasi-Informasi lain yang sanggup Sobat tempatkan kedalamnya. Sesuai dengan Kriteria dan Style bentuk Kotak Script yang Sobat inginkan. Dalam pemasangannya pun sangat mudah, Silahkan Sobat ikuti langkah-langkahnya sebagai berikut :

1. Silahkan Sobat buka postingan Baru atau New Post yang ingin Sobat pasang Kotak Script didalam Postingannya. Kemudian ketikan Text, kemudian tekan Enter untuk menciptakan Kotak Script di bawah Text. Lalu Klik Compose, Lihat gambar dibawah ini..

2. Selanjutnya Copy salah satu Kode Script diatas sesuai harapan Sobat. Kemudian Klik HTML, Setelah itu Pastekan Kode Script sempurna dibawah Text yang Sobat tulis tadi. Untuk lebih jelasnya lihat rujukan gambar dibawah ini

3. Setelah di Pastekan Kode Scriptnya, Kemudian Klik Compose untuk menciptakan Kotak Scriptnya. Untuk Kotak Script yang telah jadi Sobat sanggup lihat gambar di bawah ini. Setelah itu isi Kotak Script sesuai harapan Sobat.