Cara Membuat Background Pada Tulisan di Postingan Blog

Kali ini Saya akan membahas Cara Membuat Background Pada Tulisan di Postingan Blog.
Cara ini berguna untuk menandai script atau kode pada postingan agar lebih jelas untuk membaca. Cara ini sama seperti membuat blockquote, menurut Saya memang tak ada bedanya sih. Contohnya bisa Anda lihat pada blog Saya demo highlight. Setiap kali ada script/kode maka tandai selalu dengan highlight (blockquote) yang membedakan dengan tulisan yang lain.

Cara Membuat Background Pada Tulisan di Postingan Blog

Cara membuatnya :

  • Login ke blogger.com, jika sudah,
  • Pilih Template → Edit HTML
  • Cari kode ]]></b:skin> agar mudah mencari tekan f3
  • Kemudian copy script di bawah ini di atas kode ]]></b:skin>

.alert { background: #DDE4FF;text-align: left;padding: 5px 5px 5px 5px;border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

  • Simpan dan lihat hasilnya.

Perhatian :

Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, Anda bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog Anda.

Cara Posting :

Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting, gunakan kode pemanggil dengan menambahkan kode <p class=”alert”> letakkan script / kode / tulisan disini </p>


Itulah sedikit informasi mengenai Cara Membuat Background Pada Tulisan di Postingan Blog. Semoga apa yang saya sampaikan dapat bermanfaat untuk kalian.