Cara Mudah Membuat Kotak Script Pada Postingan Blog

Dalam pembuatan postingan blog tentunya sebagai blogger ingin menampilkan halaman blognya menarik, terkadang disaat kita ingin menyisipkan sesuatu didalam postingan seperti memasang text link, memasang script HTML, dan lain sebagainya. Namun itu semua tidak bisa didapatkan secara otomatis dari blogspot, maka caranya yaitu dengan kita membuat sendiri. Bagi sobat yang masih bingung dan tidak tahu caranya, disini saya akan membagikan cara mudah membuat kotak script pada postingan blog.

Cara Membuat Kotak Script Postingan

Untuk memasang kotak yang ada di dalam postingan, baik itu digunakan untuk menempatkan kode script ataupun informasi-informasi yang lain. Disini saya bagikan beberapa kriteria bentuk kontak dan tampilannya, silahkan disesuaikan dengan selera sobat sendiri ingin menggunakan yang mana. Dalam pemasangannya pun sangat mudah, silahkan ikuti langkah-langkahnya berikut ini :

Langkah ke #1.

Silahkan buka postingan baru yang ingin sobat pasang kotak didalam postingannya, selanjutnya ketikan text pada posisi "Compose".

Langkah ke #2.

Selanjutnya copy salah satu kode script dibawah sesuai keinginan sobat, kemudian letakan kode script tepat dibawah text yang sobat tulis tadi, dan harus dalam posisi edit "HTML".

Langkah ke #3.

Setelah sobat memasang kode script untuk kotaknya, selanjutnya silahkan sobat panda isikan kode script atau informasi lain yang di inginkan.

Contoh Style dan Script Dibawah ini

1. Minimalis

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

2. 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. Dotted

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

4. 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. 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. 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>

Bagaimana mudah bukan?, Sekian dulu uraian dari saya dalam pembahasan mengenai cara mudah membuat kotak script pada postingan blog, semoga pembahasannya ini bisa bermanfaat dan selamat mencoba.

Mungkin Sobat Panda Suka