CARA MEMBUAT KOTAK SCRIPT PADA POSTINGAN BLOG

Komputer_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 adalah Script HTML, JAVA, dan lain sebagainya. Tapi itu semua tidak bisa didapatkan secara Otomatis dari Blogspot. Maka dari itu kita harus membuatnya sendiri. Bagi Sobat yang masih bingung bagaimana cara membuatnya. Maka kali ini Saya akan membuat Tutorial, Bagaimana cara membuat 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 bisa Sobat pilih. Di antaranya adalah sebagai berikut :

                         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 membuat Kotak Script pada Postingan, yang bisa Sobat gunakan untuk Menempatkan Kode Script atau Informasi-Informasi lain yang bisa 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, lalu tekan Enter untuk membuat Kotak Script di bawah Text. Lalu Klik Compose, Lihat gambar dibawah ini..



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


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


Sekian Tutorial Cara Membuat Kotak Script pada Postingan Blog.
Semoga Bermanfaat Bagi Sobat Semua.. Jangan Lupa Share Ya Sobat..
Salam Blogger..


EmoticonEmoticon