Cari Artikel Blog Ini

Total Tayangan Halaman

MENGGANTI BACKGROUND BLOG DENGAN IMAGE

Penampilan warna dari background blog dapat kita ubah sesuai dengan warna yang kita inginkan. Hanya saja perubahan background itu jangan sampai tulisan pada blog menjadi sulit dibaca oleh pengunjung.
Selain pengantian warna, background juga dapat anda ganti dengan image. Tentu saja image tersebut merupakan image yang anda sukai dan cocok untuk warna latar blog anda.
Caranya mudah karena kode yang diubah sangat sederhana.
Ikuti langkah-langkahnya :
Mengganti warna Background

  1. Sign ke Blogger.
  2. Pilih Rancangan.
  3. Pilih Edit HTML.
  4. Back up dulu templatenya.
  5. Cari kode seperti dibawah ini :


    body {
    background:$bgcolor;
    margin:0;
    color:$textcolor;
    font:x-small Georgia Serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }


    Gantilah kode yang berwarna kuning dengan kode warna yang anda inginkan. Misalnya warna biru tua (dipakai backgroud EPG Studio) kodenya : #000033.
  6. Kode diatas setelah dimasukan kode warna akan menjadi seperti ini.

    body {
    background:#000033;
    margin:0;
    color:$textcolor;
    font:x-small Georgia Serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }


  7. Klik tomol Simpan Template...Lihat blog anda sekarang.
Mengganti Background dengan Image.

Pertama, anda harus memiliki sebuah image yang akan dijadikan background blog anda. Ubah ukuran gambar menjadi besar (lebar=1704 pixel dan tingginya=886 pixel)
Uploadlah gambar tersebut ke tempat penyimpanan image. Copylah URL dari image tersebut.
Misalnya : http://img268.imageshack.us/img268/6805/bodybgiq.jpg


URL gambar diatas penampilannya seperti ini :





Setelah anda memiliki URL image, kembali pada langkah seperti cara diatas hingga sampai pada kode ini.

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


Tambahkan alamat URL tadi diujung kode yang berwarna putih. Jadinya seperti ini :

body {
background:#FFFFFF url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;

margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}


Gambar yang ditampilkan pada tips ini walaupun satu gambar akan memenuhi latar blog anda dengan syarat ukuran gambar harus besar (1704 pixel X 885 pixel)
Klik tombol Simpan Template..lihat perubahan blog anda.

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
6 Comments

6 komentar :

Kenny Rocknroll mengatakan...

thanks atas tips nya...Smile 4 you

Kenny Rocknroll mengatakan...

thanks ya atas tips and trick nya

risca indri mengatakan...

ich keren banget cih tips"nya?kok bisa cih,tau gak temen" aku jadi suka ngNet loch gara" bloggernya ada tips" ini.

Zia muntazar mengatakan...

oqe...
berhasiiill

PUK SPTSK-SPSI PT.PRIMATEXCO mengatakan...

Thank Embed TV online nya tapi yang baru berhasil masih Metro TV untuk stasiun Tv lainnya belum berhasil. Tapi bagaimanapun kami ucapkan thims

StarBlogger mengatakan...

sangat membantu gan, visit back ya http://bin-site.blogspot.com

Posting Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!