Situs tentang Seputaran Dunia dan Markas Hacker Indonesia

Selamat Datang

Indonesian Time

Sabtu, 31 Desember 2011

Menampilkan Gambar Background Berubah-ubah 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 berkunjung ke blog MonozCore coba sobat perhatikan gambar latar belakang blog 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.

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/AVvXsEgDrr_d2van55ThlBwxgDO5U2jViZ3fA1B9jqpO0pgwJa8XWWCrWFjrT38TAOQEXwVGwk17AZbceox5kJyIpj5YJlBiswfl0AJXSEhQ1tO2E07tVG5jzCmax-Q2p01aXD5bOo5o4DuPEbg/s800/BlueNebula.jpg&quot;;
    monday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV75xWBxaWkyjcDNhMEkZs2kL7JrdPwuBfknFEhznrIf2oacDDdITBN97qYZ8ccxwiaITBg-DtXLev3d33iuM8bgu8a_vZSs0iAi65sxJskkZSli859h9lX7OWSs_LH5kftUaW-oV0gOU/s800/City.jpg&quot;;
    tuesday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0aQjbNcu0wRZViMvV3tW9ZrhcTy3TDlSQ1eYGNXe1oGDKy98Hm-nITcZFjhlbkBkmal7Xmzg8D6Xu_MC6ZgUyg1yVSNQaA9X4swAwiihL9fNb4QMbZnLaiEZJ4D8n1UD9Ez8owCdqdt8/s800/HackerWall.jpg&quot;;
    wednesday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFxoiWHOUeutIgwuPyo-b-K7YwH_taF5pEPr4SBL9j_yd_6zRW5jjm0O8xmlISekVm8VcKemQWsk5IcX2mttYfKSozfysoy6fTa11CIJ-C0cZf0fw7Uxwd5uhWpRzqjFg4087UcVQNsvU/s800/MonozCore.blogspot.com_Protect.jpg&quot;;
    thursday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0aQjbNcu0wRZViMvV3tW9ZrhcTy3TDlSQ1eYGNXe1oGDKy98Hm-nITcZFjhlbkBkmal7Xmzg8D6Xu_MC6ZgUyg1yVSNQaA9X4swAwiihL9fNb4QMbZnLaiEZJ4D8n1UD9Ez8owCdqdt8/s800/HackerWall.jpg&quot;;
    friday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV75xWBxaWkyjcDNhMEkZs2kL7JrdPwuBfknFEhznrIf2oacDDdITBN97qYZ8ccxwiaITBg-DtXLev3d33iuM8bgu8a_vZSs0iAi65sxJskkZSli859h9lX7OWSs_LH5kftUaW-oV0gOU/s800/City.jpg&quot;;
    saturday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDrr_d2van55ThlBwxgDO5U2jViZ3fA1B9jqpO0pgwJa8XWWCrWFjrT38TAOQEXwVGwk17AZbceox5kJyIpj5YJlBiswfl0AJXSEhQ1tO2E07tVG5jzCmax-Q2p01aXD5bOo5o4DuPEbg/s800/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/AVvXsEgDrr_d2van55ThlBwxgDO5U2jViZ3fA1B9jqpO0pgwJa8XWWCrWFjrT38TAOQEXwVGwk17AZbceox5kJyIpj5YJlBiswfl0AJXSEhQ1tO2E07tVG5jzCmax-Q2p01aXD5bOo5o4DuPEbg/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...
.:Selamat Mencoba:.

Tidak ada komentar:

Posting Komentar

"