Menampilkan Gambar Background Berdasarkan Hari

Tampilan blog yang dinamis merupakan salah satu trik untuk membuat pengunjung blog menjadi betah. Blog yang dinamis juga merupakan suatu keharusan jika ingin mendapatkan trafik pengunjung yang signifikan. Salah satu trik membuat tampilan blog yang dinamis adalah membuat gambar latar belakang blog bisa berubah secara otomatis perhari. Wah pasti penasaran dong koq bisa ???, Oke buat yang penasaran dan masih bingung saya berikan ilustrasinya sebagai contoh jika anda sering atau tiap hari berkunjung ke postingan artikel ini pada blog MonozCore coba sobat perhatikan gambar latar belakang pada postingan artikel ini, secara dinamis gambar latar belakang blog akan berganti setiap hari. Jika anda lakukan secara manual pasti akan sangat melelahkan untuk itu saya berikan script khusus untuk merubah gambar background blog berdasarkan hari secara otomatis.

Penting !!! ada baiknya sobat blogger mem-backup terlebih dahulu template blog sobat untuk menghindari  hal-hal yang tidak diinginkan dalam menerapkan widget ini.

Cara Pemasangan :

• Login ke blog sobat...


• Klik "More Options" selector box kemudian klik "Tata Letak" setelah itu pilih "Add Widget" dan pilih "HTML / Javascript", seperti gambar di bawah ini.
  
  
  

  
  

  

  
  

  

  
  

  


• Copy-paste kode di bawah ini dan taruh di kotak gadget blog. Silakan sesuaikan beberapa kode tersebut agar sesuai dengan tema blog sobat.
  
  

  <script type='text/javascript'>
  today = new Date();
  day = today.getDay();
  sunday = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijrP-jUSlsRr7rDGQPr634Cp2HSPnHWWjrmxj4l2eGIakKXtL5zgpTgw4ffCUcRKdL9GnL00A3mwCwkqPHqAJWm7mXLrUU2IeaoTYKOZa36WudgjrW180x4PydshxtOfQSW_3plWPSCBQ/s800/BlueNebula.jpg";
  monday = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8FWXLpL5yMqJ1-asU1bK8urQ9gxnPsEx750CH29SHpuEuV4We9P6PPmUJEBXSqFjCqcapWJtjDTHN4EnqLOQZlXWV5BDrnt09kyi4564Qc0qZfoZezE6sZvmQAqZpZJykQe_MbafuTM/s800/City.jpg";
  tuesday = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnnsiWl67tQTMLxrN-SFIB7iotswlU6uqR-pgV33yQWft7oKi_Y5eB7d9MTT0SdJ3a0o5T2hyWVq4ieeb0qldI4kGT1wWeOiPKYSCbQKfXmFyufWNi8QWqbVZN6ALFN6JGJ1Rys1MKP9o/s800/HackerWall.jpg";
  wednesday = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyUO7nM8fqjmlNDzDGHRl14HcKOfBOnBeMD6aiGwz4KjqYlId7Aa8pgtI6lcyk_DRPd3-KxY-1Yl9QB18pEaIYQrozpusAovLtd_1HS61y_U6bSmoWh-Q-REG6gIUwLZbqo5-VrpBwxTc/s800/MonozCore.blogspot.com_Protect.jpg";
  thursday = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnnsiWl67tQTMLxrN-SFIB7iotswlU6uqR-pgV33yQWft7oKi_Y5eB7d9MTT0SdJ3a0o5T2hyWVq4ieeb0qldI4kGT1wWeOiPKYSCbQKfXmFyufWNi8QWqbVZN6ALFN6JGJ1Rys1MKP9o/s800/HackerWall.jpg";
  friday = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8FWXLpL5yMqJ1-asU1bK8urQ9gxnPsEx750CH29SHpuEuV4We9P6PPmUJEBXSqFjCqcapWJtjDTHN4EnqLOQZlXWV5BDrnt09kyi4564Qc0qZfoZezE6sZvmQAqZpZJykQe_MbafuTM/s800/City.jpg";
  saturday = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijrP-jUSlsRr7rDGQPr634Cp2HSPnHWWjrmxj4l2eGIakKXtL5zgpTgw4ffCUcRKdL9GnL00A3mwCwkqPHqAJWm7mXLrUU2IeaoTYKOZa36WudgjrW180x4PydshxtOfQSW_3plWPSCBQ/s800/BlueNebula.jpg";
  arday = new Array(sunday, monday, tuesday, wednesday, thursday, friday, saturday);
  document.write("<style>body{background: url(" + arday[day] + "); background-size:100% 100%; background-repeat:no-repeat; background-attachment:fixed;}</style>");
  </script>
  

  
  KETERANGAN :
  • Kode "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijrP-jUSlsRr7rDGQPr634Cp2HSPnHWWjrmxj4l2eGIakKXtL5zgpTgw4ffCUcRKdL9GnL00A3mwCwkqPHqAJWm7mXLrUU2IeaoTYKOZa36WudgjrW180x4PydshxtOfQSW_3plWPSCBQ/s800/BlueNebula.jpg" merupakan kode URL link gambar yang digunakan. Untuk merubah gambar silakan ganti baris kode ini dengan URL link gambar yang ingin digunakan.


• Klik "Save" dan lihat hasilnya...

Oke sobat monozcore jangan lupa meninggalkan jejak komentarnya yaa... biar postingan berikutnya semakin unik dan menarik.. happy blogging...

.: Semoga Bermanfaat :.