Cara Merubah Background Blog Dengan Image Part 2

Sebelumnya saya sudah pernah memposting Artikel tentang tutorial Cara Merubah Background Blog Dengan Image Part 1. Namun berbeda dengan Cara Merubah Background Blog Dengan Image Part 2 ini. Perbedaannya bisa anda lihat jika Anda memperaktekannya kedalam blog Anda. Nah cara membuatnya tidak sulit Anda cukup memperhatikan langkah-langkah yang akan saya terangkan seperti di bawah ini :

1. Siapkan image/gambar yang akan Anda jadikan sebagai background blog

2. Upload kesalah satu media penyimpan image online (picasaweb atau photobucket) untuk mendapatkan ulr image tersebut "kalau saya menggunakan photobucket"

3. Login ke Blogger

4. Klik menu Template

5. Klik menu Edit HTML

6. Ceklis Expand Template Widget

7. Cari kode body { "gunakan ctrl+f untuk mempermudah pencarian dan copas kode tersebut dan enter")

Lebih jelasnya seperti ini :

body {
font: $(body.font);
color: $(body.text.color);
background:#ded8c0
}

Kemudian tambahkan Alamat url gambar yang telah Anda upload tadi, jadi seperti di bawah ini

body {
font: $(body.font);
color: $(body.text.color);
background:#ded8c0 url(http://i1181.photobucket.com/albums/x434/annahal1/Super-Bee/Super-Bee/Super-BeeFb.jpg) repeat-x;
}

8. Kemudian klik pratinjau untuk melihat hasilnya.

9. setelah itu save

Catatan

Tips yang lain, Background kamu juga bisa tetap walaupun scroll mouse kamu gerakkan ke atas atau kebawah. Tinggal kamu ganti repeat-x; menjadi repeat-x top left fixed;
Atau yang paling saya suka adalah menggunakan gambar kecil namun bisa menjadi besar dan tetap. Yakni kamu cari dulu gambar kecil, setelah itu seperti biasa, tinggal kamu rubah repeat-x; menjadi repeat scroll 0 0;

Post title : Cara Merubah Background Blog Dengan Image Part 2
URL post : https://adanggak.blogspot.com/2012/02/cara-merubah-background-blog-dengan.html