MENGGANTI BACKGROUND TEMPLATE BLOG DENGAN GAMBAR

MENGGANTI BACKGROUND TEMPLATE BLOG DENGAN GAMBAR

Sebenarnya blogger telah menyediakan perancang template blogger guna penyesuaian template untuk penggunanya. Di sini Anda bisa sangat mudah merubah template Anda sesuai yang Anda inginkan. Bahkan Anda bisa mengganti latar belakang warna atau gambar background template yang telah disediakan oleh perancang template blogger.
Tapi bagaimana jika Anda ingin mengganti background template dengan gambar milik Anda sendiri.

Di sini saya ingin berbagi dengan Anda bagaimana cara mengganti background template dengan gambar milik kita sendiri, khususnya bagi Anda yang baru menggunakan blog di blogger.

• Pertama yang harus Anda siapkan adalah sebuah gambar yang Anda inginkan.
  Gambar tidak perlu terlalu besar, jika terlalu besar bisa Anda potong atau kecilkan.
  Kemudian upload gambar tersebut dimana Anda biasa upload gambar di internet.
  Selanjutnya Anda ambil alamat gambarnya.
  
  
• Sebagai contoh di sini saya mempunyai alamat gambar seperti ini:
  
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-2D2JWv7Z3J-H5cUW74TJvJwVFeuxA8hlO-YZ1irH6hyX8GaAHItlC5D4F-51XCZTurroEwjVKAF0J2oYnZAGjYwvTaSrUkcpL1aqMEy5xA_-UTgq7DSgwzPfhZwTT-elt2nWOdkWGw4/s1600/batik.jpg
  
  Tambahkan kode pada alamat gambar Anda sehingga seperti ini:
  
  background-image:url ("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-2D2JWv7Z3J-H5cUW74TJvJwVFeuxA8hlO-YZ1irH6hyX8GaAHItlC5D4F-51XCZTurroEwjVKAF0J2oYnZAGjYwvTaSrUkcpL1aqMEy5xA_-UTgq7DSgwzPfhZwTT-elt2nWOdkWGw4/s1600/batik.jpg");
• Dan ini adalah bentuk gambar milik saya:

• Jika alamat gambar Anda sudah siap, sekarang yang harus Anda lakukan adalah login ke blog Anda.
  
  
• Pilih blog yang ingin Anda ganti backgroundnya.
  
  
• Kemudian pilih template.
  
  
• Selanjutnya pilih edit html.
  
  
• Cari kode seperti di bawah ini:
  
  body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
  padding: 0 $(content.shadow.spread) $(content.shadow.spread)
  
  $(content.shadow.spread);
  $(body.background.override)
  }
  
  
• Lihat yang saya beri tanda merah, ganti dengan alamat Anda yang tadi telah dirubah kodenya.
  Hingga hasilnya seperti di bawah ini:
  
  body {
  font: $(body.font);
  color: $(body.text.color);
  background-image:url ("http://3.bp.blogspot.com/-CSoH_Ia5ti4/UN7gQ1ZnZaI/AAAAAAAAAB8/iwoeeDS_Vk/s1600/batik.jpg");
  padding: 0 $(content.shadow.spread) $(content.shadow.spread)
  
  $(content.shadow.spread);
  $(body.background.override)
  }
  
  
• Lihat perubahan melalui pratinjau.
  
  
• Setelah Anda rasa sesuai kemudian boleh Anda simpan template.

By Fherry Putra Madamba