Cara pemasangan Background Charger

Background Changer merupakan widget untuk mengganti gambar latar blog secara dinamis. Widget ini sangat berguna untuk membuat blog terlihat atraktif dan dinamis. Widget ini memperbolehkan pengunjung blog untuk mengganti gambar latar belakang blog kita secara dinamis. Secara default gambar latar belakang blog tersedia dalam beberapa pilihan gambar animasi dan statis.

Cara Pemasangan :

• Login ke blog sobat...


• Klik "More Options" selector box kemudian klik "Layout" setelah itu pilih "Add a Gadget" kemudian pilih "HTML/JavaScript", seperti gambar dibawah ini.
  
  
  

  
  

  

  
  

  

  
  

  


• Copy-paste kode berikut ini di kotak postingan gadget.
  
  
  

  <style type="text/css">
  .mystyles {
  font-size: 12px;
  color: #000;
  padding: 1px;
  background : #F0E412;
  border: 2px outset rgb(0, 0, 0);
  width:150px;
  }
  .mystyles option {background: #F9F7C8; color: #000;}
  </style>
  <select class="mystyles" onchange="document.body.style.background = this.value;" name="MonozCore" title="Change Background Image">
  <option value="url(http://lh4.googleusercontent.com/-M4zELpaUOCE/UGL6FHXR0vI/AAAAAAAACjY/Mfv-OU8g_qg/s800/pin-up_latex.png) no-repeat center center fixed black" />None
  <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6wiRxMq_2tZ3VPmEgHhWpmXTRbOlfUWaLaQ7-JloIUyFdBKnZRTMq9SyiU0i-YV2V-37OIfyEM9MWOMXxVykKpwZyNHQd0b5FvoDfftCphR6pWOoRNc_WLQvXrlbtycpJxh4_z7AbsCk/s1600/0_1_1.gif) repeat center center fixed" />101 Matrix
  <option value="url(http://lh6.googleusercontent.com/-oIKDL5K_Jus/Ts32BmE64MI/AAAAAAAAAgI/QncRScTidN8/s800/black_red_matrix.gif) repeat center center fixed" />Red Matrix
  <option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMQfd_MIMn8bhhAdQ1HWU9gv6j5aJE585QsOO5ZDsI9C5Nksh4wAFn7g6CgSkUKDOGJj7IWdTIVnPGC43SXouAhVcNVOcGPtdYHNMf-KjjUI2Ui_y4ci9sbakuBbX7rbgYy8uOc2ViFDo/s800/matrix.gif) repeat center center fixed" />Blue Matrix
  <option value="url(http://lh4.googleusercontent.com/-yEVdif3Bi_U/Ts32PtuIGBI/AAAAAAAAAgo/Ce1ujGXZ6RE/s800/matrix.gif) repeat center center fixed" />Green Matrix
  <option value="url(http://lh3.googleusercontent.com/-CYobas4WGXo/Ts32QusPKsI/AAAAAAAAAgw/xQQMNbgAa0M/s800/port_listener.gif) repeat center center fixed" />Port Listener
  <option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC7eK9TtI/AAAAAAAAEvw/Ly5L0UA3D4s/DADcloud.gif) repeat center center fixed" />Akatsuki Cloud
  <option value="url(http://lh3.googleusercontent.com/-eGOdPe7gV-g/T0fZ-hR1H-I/AAAAAAAABLQ/LWN2smtA6cc/s800/ThighHeels.png) repeat top left fixed" />High Heels
  <option value="url(http://lh4.googleusercontent.com/-brpkMDLI-Jo/T0hBjzFgHbI/AAAAAAAABLs/lmWb_OeOuwE/s800/animated%2520stars.gif) repeat top left fixed Black" />Space
  <option value="url(http://lh4.googleusercontent.com/-Kow92KwCv4w/T1x-QG4nWGI/AAAAAAAABWk/wLOYXtytoV4/s800/devil_angel_lolita_bg.png) repeat top left fixed Black" />Lolita
  <option value="url(http://lh4.googleusercontent.com/-EkbrPoPq9Tk/UGK0wQ6ERpI/AAAAAAAAChY/PBkHMEEd63k/s800/3d_smileys_love.gif) repeat center center fixed" />Smiley
  <option value="url(http://lh3.googleusercontent.com/-FIPcZlLSG3w/UGLHCNFwGFI/AAAAAAAACh0/Lr8SIgDNVBg/s400/black_latex.png) repeat top left fixed black" />Black
  </select>

  
  

  Catatan :
  • Teks berwarna biru merupakan ukuran lebar box Background Changer.
  • Teks berwarna merah merupakan warna background box Background Changer.


• Klik "Save" dan lihat hasilnya...