Siapkan gambar yang ingin dijadikan background pada blog anda, dengan ukuran terserah anda, akan tetapi jangan terlalu besar, karena akan memperlama pengunjung membuka blog anda. Jika gambar sudah ditentukan, ikuti langkah-langkah berikut :
Lakukan Login terlebih dahulu pada blog anda
Klik Menu Layout
Klik Edit HTML tab (Note : Untuk menghindari kesalahan, silahkan Backup terlebih dahulu blog anda dengan memberikan checklist pada Download full template dan klik Download atau dengan cara meng-Copy seluruh kode Template, paste pada notepad lalu save)
Kemudian tambahkan kode (alamat gambar) berikut pada style sheet css anda
url('http://https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdiOiTDIEP_r5kmwojSSHAXvL4efnIRkmTp2F2z-dkPZGc1CnMo-3i268YCr5RYzi8FMsbxA5RvrKaVruL9Owms6CeK95weoBkWc860JIwCzZEi1NfUiho1hZ-PwERBFpcV5PH8FW79-2P/s320/MSN.gif');
dan letakkan pada teks yang berwarna merah:
untuk minima klasik :
body {
background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdiOiTDIEP_r5kmwojSSHAXvL4efnIRkmTp2F2z-dkPZGc1CnMo-3i268YCr5RYzi8FMsbxA5RvrKaVruL9Owms6CeK95weoBkWc860JIwCzZEi1NfUiho1hZ-PwERBFpcV5PH8FW79-2P/s320/MSN.gif');
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}
untuk minima baru :
body {
background:$bgcolor url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdiOiTDIEP_r5kmwojSSHAXvL4efnIRkmTp2F2z-dkPZGc1CnMo-3i268YCr5RYzi8FMsbxA5RvrKaVruL9Owms6CeK95weoBkWc860JIwCzZEi1NfUiho1hZ-PwERBFpcV5PH8FW79-2P/s320/MSN.gif');
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Silahkan diganti alamat link gambar yang berwarna diatas dengan alamat gambar anda.
Klik tombol Preview untuk melihat perubahan
Jika sudah sesuai dengan keinginan, klik tombol Save Template
gabung dunks dikomunitas Yuwie.com... plizzz..
Note: Click on any link
Mengganti Background Blog dengan Gambar
·
Pencarian
Daftar Isi
- Menghilangkan Navbar
- Pasang Smile Yahoo pada Postingan
- Membuat Navbar Terlihat Transparan
- Memasukkan Kode HTML pada Posting
- Memasang Profil Facebook Anda pada Blog
- Kalimat Dengan Efek Marque
- Membuat Efek Kembang Api di Blog
- Memasang Page Element di Bawah Header Blog
- Membuat Kalimat Kelap-Kelip
- Membuat Highlight Link Berwarna - Warni
- Membuat Judul Blog bergerak
- Membuat Link Kelap-kelip
- Membuat Tabel di Blog
- Menampilkan Pesan Selamat Datang
- Menampilkan Iklan di Bawah Read More
- Mengganti Background Blog dengan Gambar
- Membuat ComboBox
- Menampilkan Gambar Berada di Atas
- Menu Tersembunyi Pada Widget
- Hosting File Java Script dan CSS
- Memasukkan kode HTML pada Postingan versi 2