Daringekonomi.eu.org - Pada postingan sebelumnya kita telah membahas cara memasang widget viva news pada blog ,Kali ini saya akan membagikan tutorial cara membuat kotak script dalam postingan blog.Membuat kotak script biasanya dilakukan para blogger agar postingannya terlihat menarik dan membuatnya rapi tidak acak antara tulisan artikel dan kode script yang akan dimasukan.
Apa yang dimaksud kotak script? Kotak script merupakan kotak yang berfungsi untuk memasukkan tulisan tertentu berupa kalimat atau kode script HTML,CSS,atau bahasa pemrograman lainnya agar postingan artikel terlihat teratur dan responsive serta pengunjung merasa nyaman untuk membaca artikel kita.
Kotak script ini berisi kode penting/rahasia pada postingan yang berisi tutorial blogger,dan sebenarnya kotak script ini bentuknya sederhana namun akan memberi kesan professional bila ditampilkan pada blog kalian masing-masing.
Caranya membuat kotak script sangat mudah hanya dengan menambahkan kode script pada postingan dan anda bisa memilih variasi warna yang diinginkan supaya terlihat lebih menarik.Model kotak script atau text box sangat bervariasi tergantung kalian memilihnya dan memadu padankannya diblog kalian.
Pada postingan kali ini saya akan membagikan beberapa kode script HTML untuk membuat kotak script yang bisa diterapkan pada blog kalian.Berikut ini model kotak script yang kami sudah pilihkan untuk kalian:
Kotak Script sederhana tanpa lis border
<div style="background-color: turquoise; padding: 10px; text-align: left;"> Tulis script anda di sini..! </div>
Kotak Script dengan single-border solid 2px
<div style="background-color: ivory; border: 2px solid black; padding: 10px; text-align: left;"> Tulis script anda di sini..! </div>
Kotak Script dengan single-border solid 4px
<div style="background-color: #f3f3f3; border: 4px solid #999; padding: 10px; t-align: left;"> Tulis script anda di sini..! </div>
Kotak Script dengan double-border
<div style="background-color: lightcyan; border: 3px #FE0606 double; padding: 10px; text-align: left;"> Tulis script anda di sini..! </div>
Kotak Script dengan dashed-border (garis putus-putus)
<div style="background-color: palegreen; border: 5px #1780dd Dashed; padding: 5px; text-align: left;"> Tulis script anda di sini..! </div>
Berikut ini Cara Membuat Kotak Script dalam postingan blog:
1.masuk ke dashboard kalian kemudian buatlah postingan
2.ubah tampilan dari tampilan tulisan menjadi tampilan HTML kemudian pilih kode kotak script yang kalian suka dan pastekan script tersebut dalam postingan artikel kalian.
3.kembali ke tampilan tulisan lalu edit kalimat “Tulis script anda di sini..!”di ganti dengan tulisan seperti kode script HTML,CSS, bahasa pemrograman lainnya.
4.jika sudah silakan klik pratinjau untuk melihat apakah kode script sudah benar atau tidak kalian bisa mencobanya atau mengganti dengan kode script yang lain
5.kalau sudah benar silakan simpan dan publishkan.
Demikianlah pembahasan tutorial kali ini tentang Cara Membuat Kotak Script dalam postingan blog,semoga artikel ini dapat bermanfaat bagi kalian blogger pemula dan bisa kalian mencobanya untuk diterapkan pada postingan artikel kalian masing-masing.
