Pada postingan kali ini aku mau share tentang cara merubah atau mengganti background blog dengan warna atau bahkan gambar sesuai keinginanmu, caranya cukup simple karena hanya merubah sedikit kode CSS kok!
Langsung ke tutorial aja ea! (Lagi males basa-basi nih!)
Seperti biasa! Untuk pengeditan sebuah template, masuk ke menu "Rancangan" dan ke "Edit HTML"
Carilah kode body{ (agar lebih mudah gunakan shortcut F3 atau ctrl F)
Mungkin secara keseluruhan kodenya kurang lebih
body {
font-family:Arial, serif;
font-size:14px;
margin-top:-1px;
line-height: 20px;
background-color:#FFFFFF;
}
Lihatlah pada background-color:#FFFFFF; (atau di beberapa template background:#FFFFFF;) dimana #FFFFFF adalah kode warna hexa untuk warna putih silahkan ganti sesuai keinginan
Untuk Background Gambar
Silahkan tambahkan kode ini dibawah body{
background: url(alamat-background-gambar) repeat;
sehingga menjadi:
body {
Nah dimana kode yang bisa diedit diantaranya:
font-family:Arial, serif;
font-size:14px;
margin-top:-1px;
line-height: 20px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqF-cXhSIafrJ2Uh33Ss07W_mIw2icfG48JFTG4eoX79WY5ldH_uABfdXV-b2xoALS9BNERfKX5uBfCeAM7uTqNC4VLe2foVIohgz4bGSj-ge06gCCurph6FV95M2hoKuO2VBUXOmx-wA/s1600/headerbg.png") no-repeat fixed center top #211F1D;
}
Kode warna merah adalah alamat gambar yang dijadikan background
Kode Hijau berfungsi untuk pengulangan gambar
Seperti:
Jangan lupa simpan templatenya!
Senin, 21 Maret 2011
Mengubah Background Blog
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar