Gimana sich cara mengganti backround pada blog jadi gambar yang kita inginkan??. Humm gini nich caranya sob. Sebelum sobat jadiin gambar yang ingin ditempel pada background blog, sobat harus meletakkan gambarnya pada photobucket ( yang ane tau sich). Sobat kudu upload gambar dulu kesini agar gambar bisa diketahui alamatnya (buat ganti alamat yang warnanya pink pada kode dibawah). Buat yang belum paham klik disini. Oia.. dalam pembuatan background, sobat bisa gunain file gambar apa aja dech, dari JPG,PNG, GIF dll. Intinya sobat bisa gunain photo, images atapun gambar yang beranimasi.
Ndag usah membuat dalam bentuk yang besar banget jika sobat ingin menampilkan gambar biasa. Karna tar gambarnya akan tampil dalam jumlah yang banyak loh ya... hingga memenuhi layar monitor sobat.
Yuk... mari mencoba
Alamat gambarnya adalah :
http://i1261.photobucket.com/albums/ii588/zuhroh/wall1.gif
gambarnya seperti ini :
Ikuti langkah ini sob:
Untuk template klasik :
1. Sign in terlebih dahulu
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kede Template, paste pada notepad lalu save untuk backup data, untuk jaga -jaga jika terjadi error.
Tambahkan kode berikut pada style sheet css anda
Nb: yang warna pink adalah kode yang harus di tambahkan
body {
background:#fff url('http://i1261.photobucket.com/albums/ii588/zuhroh/wall1.gif') ;
(ganti) margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}
Klik tombol Pratinjau untuk melihat perubahan
Jika sudah OK, klik tombol Simpan Perubahan Template
Selesai dech.
Untuk template baru :
1. Sign in dulu
2. Klik menu Layout
3. Klik menu Edit HTML
4. Klik tulisan Download Template Lengkap , silahkan save dulu template sobat untuk backup data
5. Klik kotak kecil di samping tulisan Expand Template Widget
6. Tunggu beberapa saat sampai proses selesai
7. Tambahkan kode berikut pada style sheet css nya.
Nb:yang warna pink adalah kode yang harus di tambahkan:
body {
background:$bgcolor url('http://i1261.photobucket.com/albums/ii588/zuhroh/wall1.gif') ;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Klik tombol Pratinjau untuk melihat perubahan
Bila sudah OK, klik tombol SIMPAN TEMPLATE
Selesai dech..
Met nyoba’in ea sob.
