Sepertinya memang sudah lumrah jika manusia dihadapkan dengan sesuatu yang monoton alias itu-itu saja, dia akan merasa jenuh, bosen alias jemu. Hal ini juga saya alami ketika melihat blog ini yang tampilannya ga berubah-berubah, membuat saya bosen melihatnya. Untuk mengatasi hal ini sengaja saya ubah sedikit penampilan blog ini dengan mengganti background gambar yang saya buat sendiri. Nah, sekalian mengisi postingan kali ini ( selagi belum ada ide ) dengan tutorial cara mengganti background blog dengan gambar sendiri.Oke langsung aja ya....
pertama tentunya sobat harus punya gambar atau image yang akan dijadikan background blog sobat( bisa foto sendiri, foto anak atau istri...he...he.. atau gambar yang lain deh bebas sesuka sobat). Misalnya saya punya gambar yang dibuat pake photoshop seperti ini:
Jika sudah punya upload gambar tersebut di tempat biasa sobat menyimpan file seperti di photobucket, flikr, geocities atau yang lainnya. Copy link gambar yang sudah sobat simpan tadi.
Langkah selanjutnya , sobat login ke akun blogger -->Tata Letak--> Edit Html
Cari kode body seperti ini:
Ganti huruf yang berwarna merah dengan alamat gambar yang sobat punya. sehingga seperti ini:
tambahkan dibawahnya dengan kode:
Kode repeat berfungsi untuk mengulang gambar agar memenuhi halaman background sedangkan kode attachment:fixed berfungsi agar gambar tidak bergerak ketika scroll blog digerakkan ke atas maupun ke bawah. sehingga kode selengkapnya seperti ini:
Semoga bermanfaat. amien.
pertama tentunya sobat harus punya gambar atau image yang akan dijadikan background blog sobat( bisa foto sendiri, foto anak atau istri...he...he.. atau gambar yang lain deh bebas sesuka sobat). Misalnya saya punya gambar yang dibuat pake photoshop seperti ini:
Langkah selanjutnya , sobat login ke akun blogger -->Tata Letak--> Edit Html
Cari kode body seperti ini:
body {background:#ffffff;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
text-align: center;
Ganti huruf yang berwarna merah dengan alamat gambar yang sobat punya. sehingga seperti ini:
background:url('http//:alamat gambar background sobat.jpg');
tambahkan dibawahnya dengan kode:
background-repeat:repeat;
background-attachment;fixed;Kode repeat berfungsi untuk mengulang gambar agar memenuhi halaman background sedangkan kode attachment:fixed berfungsi agar gambar tidak bergerak ketika scroll blog digerakkan ke atas maupun ke bawah. sehingga kode selengkapnya seperti ini:
body {
background:url('http//:alamat gambar background sobat.jpg');
background-repeat:repeat;
background-attachment;fixed;
font-weight: bold;font-family:verdana;font-size:100%;" >margin:0;
color:$textcolor;
font:x-small Georgia Serif;
text-align: center;
Jika sudah selesai tinggal simpan templet blognya dan lihat hasilnya. Sekarang jika merasa bosen dengan tampilan blognya sobat bisa menggantinya kembali dengan gambar terbaru yang sobat punya, oke deh...Semoga bermanfaat. amien.
