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 </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
0 komentar:
Posting Komentar