Highlight pada Script/Kode di Postingan

Apakah anda pernah membaca sebuah buku,yang pada buku itu terdapat sebagian tulisan yang lebih ditonjolkan dari pada tulisan yang lainnya,seperti warnanya lain,atau ukuran nya yang berbeda dengan ukuran huruf lainnya atau jenis font nya yang berbeda, atau bisa juga tulisan/teks itu diberi background agar lebih memudahkan pembaca membedakan teks yang satu dengan teks yang lain.

Seperti yang terlihat pada blog oReo ini, Script kode yang ditampilkan berbeda dengan Tulisan-tulisan yang ada, karna pada kode-kode terdapat background yang membedakannya dengan tulisan lain silahkan lihat contoh berikut ini:

INI HANYA CONTOHMASUKAN KODE YANG INGIN DI TAMPILKAN DI SINI

Gimana tertarik membuatnya,sebenarnya cara membuatnya ada 2 macam,tapi pada kali ini saya hanya menjelaskan versi pertamanya saja

Silahkan log in dengan ID Blogger anda dan masuk ke bagian Posting Editor dan tulis kode di bawah ini di bagian Edit HTML

<div style="background: #2fccf7; border:1px dotted #2fccf7; padding:5px;">

Masukan kode yang inin di tampilkan di sini

</div>

background:#DDE4FF;
adalah warna background nya,bisa anda ubah sesuka anda lihat kode warnanya disini

border:1px dotted
adalah garis tepinya 1px yaitu ketebalan dari garis tepinya, kamu bisa ganti ketebalanya dengan yang lain sesuaikan dengan template anda,sedangkan dotted adalah jenis border pada kota highlight script kamu ganti sesuai selera kamu .

#223344 adalah kode warna border silahkan Anda ganti menuruk selera Anda.

padding:5px;
Untuk memberi batas garis tepi dengan tulisan, memungkinkan agar ada jaraknya dari garis tepi.

tambahkan overflow:auto; jika ingin menambahkan fungsi scroll pada kotak Higlight