UBAH LATAR BELAKANG BLOG DENGAN FOTO SENDIRI

CARA MENGGANTI LATAR BELAKANG BLOG DENGAN GAMBAR SENDIRI

Sebenarnya dari judul postingan saya ini anda sudah dapat memahami bahwa yang akan saya jelaskan ini adalah mengenai gimana caranya agar background atau latar belakang bolck bawaan dapat di ubah sesuai dengan gambar pilihan kita sendiri...

oke kita langsung aja pada petunjuk pengerjaannya...

1. Login ke dashboard blogger anda, pilih Rancangan > Edit HTML, centang Expand widget
    template.
2. Temukan kode pengaturan background blog dalam template anda, biasanya diawali dengan kode
    body{. (gunakan tombol f3 bada keyborard dan masukan kode merah tersebut, lalu tekan enter).


3. Kalau kesulitan cari aja kode yang mirip-mirip seperti dibawah ini.


body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}



4.   Kemudian cari dulu sebuah gambar yang akan kita jadikan background, ukuran terserah saja 
      namun sebaiknya dalam format PNG supaya hasilnya bagus namun usahakan sizenya kurang 
      dari 50 Kb. Misalnya saya punya gambar seperti dibawah ini berukuran 200 x 200px. 
      Kemudian gambarnya saya posting di blogger untuk mendapatkan URL gambar tersebut. Boleh 
      juga anda upload ke hosting lain seperti Picassa, yang penting adalah ngedapetin URLnya yang 
      mau kita masukkan dalam CSS.

http://sikkahoder.blogspot.com/
contoh gambar yang mau di jadikan backgraoud
5.  Ganti/edit kode CSS awal background blog anda dengan memberikan penambahan URL gambar sehingga bentuk susunan CSS menjadi seperti dibawah ini.


body{
background:#ded8c0;
background:url(http://4.bp.blogspot.com/-z9Ytk5REzHY/T4aqFDQCuiI/AAAAAAAAA6c/gQencWtXSLc/s1600/background-blog-post-200.png);background-repeat: repeat-x repeat-y;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

keterangan :

repeat-x : untuk mengulang gambar dari kiri ke kanan (horizontal)
repeat-y : untuk mengulang gambar dari atas ke bawah (vertikal)

6. Proses selanjutnya  tinggal di save...