Headlines News :
Home » » Menampilkan Gambar Background Berdasarkan Hari

Menampilkan Gambar Background Berdasarkan Hari

Written By Regina Kim on Selasa, 13 Maret 2012 | 01.08

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 ???, 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>


&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYtic6TteujN8qH-mr6rJCtWNHb5Fj18xkPAkWdRee5w0iVdmdUx1nVMYC8ZZspeWOR84c38R0wfQHOTkkxRGII-1dkLSdXXPhnSuuqFH5Kfc2YR3zjr1JjnTFuUAkWB5YAIdq1TTRraI/s800/BlueNebula.jpg&quot;;

monday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTp8L1UpgIJDQRJYM-6hNlWblv9gnnBmf2V5Bc5ZLSH1F4MTyqZO-Qg9n_ngcpfDlKFUsVhDEIolVx_d77AgZjeyueYtDM4UEoM1q03qKB5Slob2EdCI4qyfPhrJPLtluIS2FzUx2i9to/s800/City.jpg&quot;;

tuesday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1j6fNxQBQry651xGNEc7lBd5laO_bI_1xkbNfm6lFcrqgDaL3r71Z_LhhhoGuar1vrW-WDAgVFcJYDyIl_PWxXvbGpXZpfHKPWeicgRD4DX5VZIHIs7rqAlOYCVOC3IlwyuG22wsSaO4/s800/HackerWall.jpg&quot;;

wednesday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqJgMh7CeJ8YfKBY1w2fSYxV-zEQUSzm_rpZb2lHeZe1mZrY4WPYZvFq30YPuB4uRZqsevoAOOBAOfLO4yNVMNP2P7UbgDYevTaJoEROOVPu1RubCWmCuwmuTZyz0HkGCWOn_w_MH8j5o/s800/MonozCore.blogspot.com_Protect.jpg&quot;;

thursday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1j6fNxQBQry651xGNEc7lBd5laO_bI_1xkbNfm6lFcrqgDaL3r71Z_LhhhoGuar1vrW-WDAgVFcJYDyIl_PWxXvbGpXZpfHKPWeicgRD4DX5VZIHIs7rqAlOYCVOC3IlwyuG22wsSaO4/s800/HackerWall.jpg&quot;;

friday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTp8L1UpgIJDQRJYM-6hNlWblv9gnnBmf2V5Bc5ZLSH1F4MTyqZO-Qg9n_ngcpfDlKFUsVhDEIolVx_d77AgZjeyueYtDM4UEoM1q03qKB5Slob2EdCI4qyfPhrJPLtluIS2FzUx2i9to/s800/City.jpg&quot;;

saturday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYtic6TteujN8qH-mr6rJCtWNHb5Fj18xkPAkWdRee5w0iVdmdUx1nVMYC8ZZspeWOR84c38R0wfQHOTkkxRGII-1dkLSdXXPhnSuuqFH5Kfc2YR3zjr1JjnTFuUAkWB5YAIdq1TTRraI/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/AVvXsEhYtic6TteujN8qH-mr6rJCtWNHb5Fj18xkPAkWdRee5w0iVdmdUx1nVMYC8ZZspeWOR84c38R0wfQHOTkkxRGII-1dkLSdXXPhnSuuqFH5Kfc2YR3zjr1JjnTFuUAkWB5YAIdq1TTRraI/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...


Share this article :

0 komentar:

Diberdayakan oleh Blogger.

Google Translate

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Be Smart with science - All Rights Reserved
Template Design by Creating Website Published by Mas Template