Cara Membuat Kotak Script dalam Postingan Blog

Selamat datang,

Cara Buat Kotak Script di Blog – Menambahkan kotak script dalam postingan kadang memang dibutuhkan, terutama untuk artikel tutorial yang membagikan ulang script tertentu.

Cara Membuat Kotak Script dalam Postingan Blog

Selain untuk memudahkan pengunjung dalam membedakan tulisan dengan script yang ingin dibagikan, kotak script ini juga akan membuat tampilan artikel kita terlihat lebih rapi dan keren.

Ingin memasangnya di blog anda? Silahkan ikuti beberapa langkah mudah berikut ini.


Cara Membuat Kotak Script dalam Postingan Blog

Silahkan login ke blogger lalu pilih Entri

Selanjutnya pilih mode HTML. Lihat gambar di bawah ini

Cara Membuat Kotak Script dalam Postingan Blog

Salin kode di bawah ini dan masukkan ke mode HTML tersebut.

<div style=”background-color: #eaeaea; border: 1px solid #444; padding: 10px; text-align: left;”>
<span style=”color: #38761d;”> Tulis sesuatu di sini </div>

Setelah tersalin, silahkan anda kembalikan ke mode Compose. Maka tampilannya akan jadi seperti gambar berikut ini.

Cara Membuat Kotak Script dalam Postingan Blog

Bagaimana, gampang bukan?

Selain kotak script ini responsive, jika anda ingin meletakkannya di tengah paragraf, anda bisa menyalin kode di atas dan tinggal meletakkannya di paragraf yang anda inginkan dalam mode HTML dengan mudah.

Atau mungkin anda kurang puas dengan tampilannya bisa anda rubah sendiri sesuai keinginan anda.

Baca juga : Cara Membuat Kotak Script Material Design di Postingan Blog

Demikian cara membuat kotak script dalam postingan blog, semoga bermanfaat. Salam

Reply