Cara Memberi Background Warna Pada Kode HTML

Bagi Sobat yang suka dengan warna, coba tips yang satu ini yaitu memberi background pada artikel yang ingin diberi latar belakang warna khusus seperti kode HTML.
Langkah-langkahnya sebagai berikut :

Cara Pertama :
1. Login ke blogger dengan ID anda
2. Klik Tata Letak / Layout
3. Klik Tab Menu Edit HTML
4. Backup dulu sebelum melakukan editting template dengan klik Download Template Lengkap. Mengantisipasi jika penambahan kode salah.
5. Cari kode &lt;/b:skin> Untuk memudahkan mencari tekan ctrl F / F3. Kemudian copy paste kode di bawah ini persis dibawah kode </b:skin>

<style>
.code {padding:10px; background-color:#dcdcdc}
</style>

Keterangan : Kode warna biru adalah kode warna merah Sobat bisa diganti sesuai selera.

6. Klik Save Template

Dan untuk menamlpilkan warna biru di patingan tinggal tambah kode berwarna biru dibawah ini :

<div class="code">Text yang Sobat ingin diberi background disini</div>

Cara Kedua dengan Backgraund Image :
1. Masuk di Edit HTML
2. Masukan kode CCS dibawah ini di atas kode </b:skin>


/*code*/
.code {
display:block;
font-family:Courier New;
font-size:9pt;
width:360px;
overflow:auto;
repeat-y;
max-height:200px;
margin:5px 10px;
padding: 2px 15px 2px 25px;
background:url(http://i806.photobucket.com/albums/yy341/sodiyc/code.png) no
repeat left top; }

" Kode Warna merah adalah URL Backgraund image nya"

3. Klik Save template
4. Masuk ke postingan anda dan masukan kode berikut ditiap anda memposting kode :

<span class="code">
....ini tempat kode yang anda ingin posting
</span>

Selamat mencoba, semoga bermanfaat! :D