Ganti Background Pada Blogger

Ada saatnya kita bosan atau kurang cocok dengan background Blog kita, untuk mengatasi hal ini, kita bisa saja mengganti warna maupun image background Blog kita.

Caranya juga sangat mudah untuk dilakukan, tidak banyak perubahan yang harus dibuat, karena tidak banyak kode yang harus kita tambahkan.

1. Mengganti Warna Background


 Template Minima klasik :

   1. Sign in --> menu Template --> Edit HTML

   2. Copy  code Template, paste pada notepad  untuk backup data

   3. Kemudian kita ganti  kode warna asli template dengan kode warna yang kita sukai( warna merah adalah kode yang harus kita ganti) :

  

      body {
      background:#fff;
      margin:0;
      padding:40px 20px;
      font:x-small Georgia,Serif;
      text-align:center;
      color:#333;
      font-size/* */:/**/small;
      font-size: /**/small;
      }

    


   4. Klik Preview untuk melihat hasil setelah perubahan.

   5. Klik OK, kemudian save

   6. Selesai.



Untuk mengetahui apa saja kode warna yang ingin dipilih, kita bisa menggunakan  program photoshop untuk mengetahui kode-kodenya.


Template Minima baru :

   1. sign in --> Layout --> menu Fonts and Colours

   2. Disitu akan kita lihat pilihan warna-warna yang bisa kita pilih dan apa saja yang bisa kita ganti warnanya, silahkan pilih yang kalian sukai. Dibawahnya akan terlihat preview yang akan langsung terlihat perubahannya setelah kalian pilih warnanya.

   3. Setelah selesai semuanya, kemudian  klik Save Change

   4. Selesai.
 

2. Mengganti Background Dengan Image


Syarat pertama yaitu kita sudah harus punya file image, bisa berbentuk image biasa, photo ataupun animasi, yang sebelumnya kita bisa registrasi dulu secara gratis. Kemudian upload file image untuk menyimpan gambar, misalnya ke www.photobucket.com,  atau bisa juga situs yang lainnya.

Tidak perlu kita buat gambar dalam ukuran besar, karena akan ditampilkan dalam jumlah yang banyak dan menmenuhi layar monitor kita.

Cara instalasinya yaitu :

Template Minima klasik :

   1. Sign in --> menu Template --> Edit HTML

   2. Copy code Template, paste pada notepad untuk backup data.

   3. Tambahkan kode berikut pada style sheet css Blog kalian ( warna merah adalah kode yang harus di tambahkan) :



      body {
      background:#fff url('http://isi dengan alamat situs kita yang menyimpan photo atau gambar yang akan kita upload');
      margin:0;
      padding:40px 20px;
      font:x-small Georgia,Serif;
      text-align:center;
      color:#333;
      font-size/* */:/**/small;
      font-size: /**/small;
      }

   4. Klik Preview untuk melihat perubahan

   5. Save Change

   6. Selesai.




Template Minima baru :

   1. Sign in -->  Layout --> Edit HTML


   2. Klik Download Full Template , kemudian save dulu templatenya untuk backup data


   3. Klik Expand Template Widget


   4. Tambahkan kode berikut pada style sheet css Blog kalian ( warna merah adalah kode yang harus di tambahkan) :


      body {
      background:$bgcolor url('http://tulis alamat situs kalian utk menyimpan photo, misalnya www.photobucket.com/.../...');
      margin:0;
      color:$textcolor;
      font:x-small Georgia Serif;
      font-size/* */:/**/small;
      font-size: /**/small;
      text-align: center;
      }


   8. Klik Preview


   9. JIka sudah merasa cocok, klik Save Template


  10. Selesai.




Ternyata sangat mudah kan langkah-langkahnya. Sebelumnya silahkan mendaftar dulu pada situs yang menyediakan fasilitas menyimpan photo untuk upload nantinya.
selamat mencoba.