Senin, 21 Maret 2011

Mengubah Background Blog

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 {
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;
}
Nah dimana kode yang bisa diedit diantaranya:
Kode warna merah adalah alamat gambar yang dijadikan background
Kode Hijau berfungsi untuk pengulangan gambar
Seperti:
  • no-repeat gambar tidak akan mengalami pengulangan
  • repeat-x gambar akan mengalami pengulangan secara horisontal (sepanjang sumbu x)
  • repeat-y gambar akan mengalami pengulangan secara vertikal hingga bagian bawah halaman blog (sepanjang sumbu y)
  • repeat gambar diulang ke segala arah
Jangan lupa simpan templatenya!

Tidak ada komentar:

Posting Komentar