Kamis, 18 Oktober 2012

0 Cara Mengganti / Ubah Background Template Blogspot


Jangan Lupa Tinggalkan Komentar Kalian Ya...!!!


  1. Login ke akun blogger Anda
  2. Klik Rancangan > Edit HTML> centang/klik Expand Template Widget  kemudian cari kode di bawah  ini:
   body {

          tekan Ctrl + F untuk memudahkan pencarian (lihat gbr), kotak pencarian di kiri bawah.

cara merubah background latar belakang blogspot


Sebagai contoh lihat penjelasan berikut.
body {
    margin:0 auto;
    padding:0px 0px 0px 0px;
    background:#F6F6F6 url(http://3.bp.blogspot.com/_xpQK9GsnDPs/TOcLI-UqcaI/AAAAAAAAAEk/Od1Xntz-3MY/s000/body.png) top repeat-x ;
    font-family:verdana,Arial, Tahoma,Century gothic,  sans-serif;
    font-size:12px;
    }

Lihat kode background:#F6F6F6 kode itu menunjukkan warna latar belakang, sedangkan kodeurl(http://3.bp.blogspot.com/_xpQK9GsnDPs/TOcLI-UqcaI/AAAAAAAAAEk/Od1Xntz-3MY/s000/body.png) adalah alamat web tempat background gambar di simpan. 

untuk menggantinya Anda bisa menghapus salah satunya, Jika Anda mengininkan dengan latar belakang warna saja, maka kode berwarna biru harus dihapus, sedangkan jika ingin berlatar belakang gambar (image), maka tidak perlu dihapus. Di blog saya tetap saya pasang agar jikabackground dalam bentuk gambar gagal diloading pengunjung blog, maka background dalam bentuk warna masih bisa. 



ukurannya cukup kecil (1,6kb) namun  memenuhi seluruh tampilan latar belakang blog. Lihat kode berwarna kuning (top repeat-x) hapus saja kode semacam itu, yaitu sesudah kode berwarna biru, (hati-hati tanda titik koma (;) jangan sampai terhapus). Sehingga kodenya menjadi seperti di bawah ini (lihat kode warna biru)

body {
    margin:0 auto;
    padding:0px 0px 0px 0px;
    background:#F6F6F6url(http://3.bp.blogspot.com/_xpQK9GsnDPs/TOcLI-UqcaI/AAAAAAAAAEk/Od1Xntz-3MY/s000/body.png);
    font-family:verdana,Arial, Tahoma,Century gothic,  sans-serif;
    font-size:12px;
    }

Bagaimana? sudah paham dan sudah diganti?

3. Jika sudah klik Pratinjau,  seandainya langkah2 Anda sudah benar, maka tidak akan ada error pada pratinjau.
4. Kalau sudah mantap klik Simpan Template.
5. Selesai dan selamat mencoba.

0 komentar:

Posting Komentar