Hi quest ,  welcome  |  sign in  |  registered now  |  need help ?

About

Blogger templates

Cara rubah background blog otomatis

Written By SMPN4BANDARSEIKIJANG on Selasa, 30 Oktober 2012 | 01.34

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. Jika anda lakukan secara manual pasti akan sangat melelahkan untuk itu saya berikan script khusus untuk merubah gambar background blog berdasarkan hari secara otomatis.
Wah pasti penasaran dong koq bisa ???,  ya bisa.......










Dari pada penasaran, yuk ikuti aja langkah" nya.

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/AVvXsEjvNAvD9c1caJMto9BCzMdCCdpXp4T2i75iuNUWX_IcS4lquHtNULscQDbzXsrL9nIXL8vvxxdIGiD9vvUes2-bAMGN81expQ8WpXNH9HanMOSyantzXtJzIFHAWk2TnM1DpSLxKZAZGWk/s800/BlueNebula.jpg&quot;;
    monday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEU-KD_eKDKvee8V18HQBoTm0o2uuylwbnnma35osHqeTyTRm4IfYITBIqZBfmKGqRbU5jq4aqy_XjUVtuBeygo3ctYLJsiUp9J_QxtA5n-j5R2H7AE14Nrkmvw7xXR5txpSYzddIwqts/s800/City.jpg&quot;;
    tuesday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnCm3iU6SL48u314FaV2Mi3LJHuiqJ_KrK23l4ReK3_oXOnavrO1tjynSUPU_IEp0Tt3JMHh5bgbu0ek2qGScEsG7sLCa222rbqhLF7fHkEjHOnUAlHti06B5mW-ydJ7b0PstVI0vTw9M/s800/HackerWall.jpg&quot;;
    wednesday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim27khEzvNAe5no3nu3th2aFnHg4aUoYOCBFj6XwvJ22U5ebIOlqTDUk_Dgbp2JUvsXvnO47wrGekeTPjMpS-unHXXWTaisjRSzI1ZBJuxusROvEOuZV1Y3AtgZkZIB6Al_6wfYUlB6ZE/s800/MonozCore.blogspot.com_Protect.jpg&quot;;
    thursday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnCm3iU6SL48u314FaV2Mi3LJHuiqJ_KrK23l4ReK3_oXOnavrO1tjynSUPU_IEp0Tt3JMHh5bgbu0ek2qGScEsG7sLCa222rbqhLF7fHkEjHOnUAlHti06B5mW-ydJ7b0PstVI0vTw9M/s800/HackerWall.jpg&quot;;
    friday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEU-KD_eKDKvee8V18HQBoTm0o2uuylwbnnma35osHqeTyTRm4IfYITBIqZBfmKGqRbU5jq4aqy_XjUVtuBeygo3ctYLJsiUp9J_QxtA5n-j5R2H7AE14Nrkmvw7xXR5txpSYzddIwqts/s800/City.jpg&quot;;
    saturday = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvNAvD9c1caJMto9BCzMdCCdpXp4T2i75iuNUWX_IcS4lquHtNULscQDbzXsrL9nIXL8vvxxdIGiD9vvUes2-bAMGN81expQ8WpXNH9HanMOSyantzXtJzIFHAWk2TnM1DpSLxKZAZGWk/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/AVvXsEjvNAvD9c1caJMto9BCzMdCCdpXp4T2i75iuNUWX_IcS4lquHtNULscQDbzXsrL9nIXL8vvxxdIGiD9vvUes2-bAMGN81expQ8WpXNH9HanMOSyantzXtJzIFHAWk2TnM1DpSLxKZAZGWk/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...

0 komentar: