Minggu, 24 Februari 2013


Cara Mengganti Background Blog dengan Gambar

Posted by  at Friday, August 31, 2012
Cara Mengganti Background Blog dengan Gambar - Yap! Pada kesempatan kali ini , BLOGNYA SI IMINakan memposting mengenai tutorial blog. Jarang sebenarnya saya untuk memposting tentang tutorial blog. Itu dikarenakan saya sendiri masih belum menguasai ilmu blogging dan juga sedang sibuk-sibuknya mengoptimasi kontes Belanja Online Grosir Eceran Murah dan Aman. Dan berhubung baru-baru ini saya belajar mengganti background blog dengan gambar, maka dari itu saya kepikiran untuk mempostinganya disini.

http://1.bp.blogspot.com/--2q_H6g51zo/UEA2yxM4-XI/AAAAAAAABxc/MH8t2F77wmw/s1600/484109_3522467269431_1325647375_n.jpg

Untuk mengganti background blog dengan gambar sangatlah mudah. Tidak rumit dan cukup mengikuti langkah-langkahnya saja. Nah yang mau coba-coba untuk mengganti background blog kalian dengan gambar, silahkan ikuti langkah-langkah berikut:

1. Login ke akun blogger kalian
2. Masuk ke Template lalu klik Edit HTML
3. Lalu klik Lanjutkan dan centang "Expand Widget Template"
4. Cari kode body {
5. Biasanya kodenya seperti ini:

body{
background: #ffffff;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:center;
}

6. Nah untuk mengganti warna background dengan gambar tinggal tambahkan url gambarnya, misalnya
http://1.bp.blogspot.com/--2q_H6g51zo/UEA2yxM4-XI/AAAAAAAABxc/MH8t2F77wmw/s1600/484109_3522467269431_1325647375_n.jpg

Maka kalian cukup menambahkan url (http://1.bp.blogspot.com/--2q_H6g51zo/UEA2yxM4-XI/AAAAAAAABxc/MH8t2F77wmw/s1600/484109_3522467269431_1325647375_n.jpg); repeat-x; pada background tersebut.

Paling tidak hasilnya seperti di bawah ini:
 
body{
background: #ffffff url (http://1.bp.blogspot.com/--2q_H6g51zo/UEA2yxM4-XI/AAAAAAAABxc/MH8t2F77wmw/s1600/484109_3522467269431_1325647375_n.jpg); repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:center;;
}

7. Ada sedikit tips jika kalian ingin gambar background yang kalian pilih akan tetap walaupun sudah di scroll ke atas atau ke bawah asalkan gambar kalian termasuk gambar yang besar. Tinggal ganti repeat-x; menjadirepeat-x top left fixed;

Ataupun kalau gambar kecil ukurannya, bisa juga dijadikan penuh / besar dan tetap untuk background blog kalian. Caranya tinggal kamu rubah repeat-x; menjadi repeat scroll 0 0;
Selamat Mencoba dan Semoga bermanfaat ^^

Tidak ada komentar:

Posting Komentar