Wednesday, 20 December 2017

Cara Mudah Membuat Kotak Script Pada Postingan Blog

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

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 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.
Cara Mudah Membuat Kotak Script Pada Postingan Blog


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.
Cara Mudah Membuat Kotak Script Pada Postingan Blog


Langkah ke #3. Setelah Anda memasang kode script untuk kotaknya, selanjutnya silahkan Anda isikan kode script atau informasi lain yang di inginkan.
Cara Mudah Membuat Kotak Script Pada Postingan Blog


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.

6 comments:

  1. keren mas, sangat membantu, semoga bermanfaat, amiin..!!
    makasih buat tutornya

    ReplyDelete
  2. Akhirnya ketemu juga cara bikin kotak script yang pake border kiri (no.2).. terimakasih

    ReplyDelete
  3. maturnuwun tutornya om.. semoga kang Uem diberi berkah melimpah dari Gusti Allah.. mau tanya dikit om, itu caranya supaya yg style scroll posisinya bisa ditengah blog post gmn ya? makasih sebelumnya..

    ReplyDelete
  4. Makasih ya kang Uem berkat tutorial ini aku jadi bisa membuat kotak script pada potingan blogku.
    aku masih pemula kang Uem jadi blm bisa apa". hehehe.. ditunggu kunjungan baliknya ya kang Uem, buat motivasi aku. sebelumnya terima kasih banyak. https://khurowo.blogspot.co.id/

    ReplyDelete