Monday, June 24, 2019

Cara Mudah Membuat Kotak Script Pada Postingan Blog 2019


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 Anda yang masih bingung dan tidak tahu caranya, disini saya akan membagikan cara mudah membuat kotak script pada postingan blog. Sebelum ke langkah-langkah pemasangannya, saya akan memberikan beberapa kriteria atau tampilan kotaknya sesuai style nya masing-masing, bisa Anda lihat contohnya dibawah ini.
  • Style Minimalis
<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">Pasang Kode Script Anda Di Sini</div>
  • 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>
  • Style Dotted
<div style="background-color: #d580fe; border: 2px #1b1a76 dotted; padding: 10px; text-align: left;">
Pasang Kode Script Anda Disini</div>
  • 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>
  • 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>
  • 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 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 Anda 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 Anda pasang kotak didalam postingannya, selanjutnya ketikan text pada posisi "Compose" lihat gambar dibawah ini. 


 Langkah ke #2. Selanjutnya copy salah satu kode script  diatas sesuai keinginan Anda, kemudian letakan kode script tepat dibawah text yang Anda tulis tadi, dan harus dalam posisi edit "HTML". Untuk lebih jelasnya lihat contoh gambar dibawah ini.
Langkah ke #3. Setelah Anda memasang kode script untuk kotaknya, selanjutnya silahkan Anda isikan kode script atau informasi lain yang di inginkan.


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.

No comments:

Post a Comment