Pages


 

Cara Membuat Background Blog 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 cara merubah gambar background blog berdasarkan hari secara otomatis.

Cara Pemasangan
  • Login ke blog sobat.
  • Klik "Design" kemudian klik "Edit HTML".
  • Cari kode </Head> kemudian copy-paste kode dibawah ini tepat diatas kode </Head>
<script type='text/javascript'>
today = new Date();
day = today.getDay();
sunday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIxiEc4UcoCwgaEWTJJtSRXJztodAaMg9h0bH9Qg7Q4ioZ_xMdJTYaGJ9cQx62OrwdBYvz6UYwFAVomwWgNrPMvi1jHEXx5902fe9DjVXZRciM5vTPjURcyv1_v40i0Po9yxz7lwsYPtc/s1600/BlueNebula.jpg&quot;;
monday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil0yq2sNJlS2Fpkf4WVlMQ963FR2FrnrbScA1UcB6U0i8pEXHI25nUKrtinlyjh4zaE1HKvA0p-vP8c5NfnYaj-FGUIIbAIWANx10c7Wens-lAZJk89jhz5_yHwfy3hWclc_ajcocfrU8/s1600/City.jpg&quot;;
tuesday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn3aC4UvyG42Msyub38dS5uTQwq7OmH8VY3d2iOgV0z_7FaDJZwynKBrypDmrvAoE_PG76FagI3WuFzZaFsFqHZEoZveNPhCii9QKMQg6qmPEtib2NmZPUqM-fGC5u1NwgqwJhTCcw9CM/s1600/HackerWall.jpg&quot;;
wednesday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOQA2bwq4bguLWaaS_3UnVfA97YQFjmENa5ThO3y3pZrWRUG5s7zfOtSBz6Jr-kMlA1XDq0825XUsrtANzSre3TduURao-VrwAAz2fuVCKDAG1NzrdTQgcPHuLjNVoeS6qTJgTQ4e4YPg/s1600/Protect.jpg&quot;;
thursday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn3aC4UvyG42Msyub38dS5uTQwq7OmH8VY3d2iOgV0z_7FaDJZwynKBrypDmrvAoE_PG76FagI3WuFzZaFsFqHZEoZveNPhCii9QKMQg6qmPEtib2NmZPUqM-fGC5u1NwgqwJhTCcw9CM/s1600/HackerWall.jpg&quot;;
friday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil0yq2sNJlS2Fpkf4WVlMQ963FR2FrnrbScA1UcB6U0i8pEXHI25nUKrtinlyjh4zaE1HKvA0p-vP8c5NfnYaj-FGUIIbAIWANx10c7Wens-lAZJk89jhz5_yHwfy3hWclc_ajcocfrU8/s1600/City.jpg&quot;;
saturday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIxiEc4UcoCwgaEWTJJtSRXJztodAaMg9h0bH9Qg7Q4ioZ_xMdJTYaGJ9cQx62OrwdBYvz6UYwFAVomwWgNrPMvi1jHEXx5902fe9DjVXZRciM5vTPjURcyv1_v40i0Po9yxz7lwsYPtc/s1600/BlueNebula.jpg&quot;;
arday = new Array(sunday, monday, tuesday, wednesday, thursday, friday, saturday);
document.write(&quot;<style>body{background: url(&quot; + arday[day] + &quot;); background-size:100% 100%; background-repeat:no-repeat; background-attachment:fixed;}</style>&quot;);
</script>
Kode "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIxiEc4UcoCwgaEWTJJtSRXJztodAaMg9h0bH9Qg7Q4ioZ_xMdJTYaGJ9cQx62OrwdBYvz6UYwFAVomwWgNrPMvi1jHEXx5902fe9DjVXZRciM5vTPjURcyv1_v40i0Po9yxz7lwsYPtc/s1600/BlueNebula.jpg" teks warna kuning 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...