Tips Mudah Mengganti Image Background (I)

Today Tutorial blog and blogger hack. Malam ini saya akan memebrikan sedikit  tips tentang  blogger hack untuk anda, seperti kita tahu bahwa kebanyakan blogger merasa tidak puas pada design templatenya dan cenderung untu bergonta-ganti. Salah satu fokus penting dalam template yang sering diperhatikan adalah background dan header banner. .Tetapi sekarang kita akan memulai blogger hack untuk mengganti background secara mudah.. Mari kita lanjut:

• Cari dan pilih image yang akan kamu jadikan background, bisa di google atau klik aja here
• Untuk percobaan ini saya menggunakan image dari hasil browsing saya sepereti ini (jangan lupa di hosting di image hosting eg:  Photobucket, or  flicker)

 

• Untuk mengubah backgriund maka  masuk ke Layout dan Pilih Edit HTML. sekarang cari kode di bawah ini 

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

   

  • Ok, sekarang fokuskan pada code yang dicetak tebal dan kita akan memasukkan kode tambahan seperti di bawah ini ( liat kode warna hijau):

  body {
  background:url(http://www.imagehost.com/yourimage.jpg);
  margin:0;
  color:$textcolor;
  font:x-small Arial sans-serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }

   

  • Dimana kamu bisa mengganti kode yang warna hijau dengan image kamu sendiri. Simopan dan selesai
  • Silahkan liat hasilnya di bawah ini dimana image yg tadinya hanya satu menjadi image yang berulang dan membentuk wallpaper

  

   

  Anda bisa mencobanya dan berkreasi sendiri, ini mudah dilakuakn asal anda mau berusaha. Yups sekian dulu Blogger hack hari ini , ikita ketemu lagi di lanjutan dari  blogger  hack. makasih