Home » Tips And Trick » Tips And Trick Blogger » Cara Membuat Random Background

Cara Membuat Random Background

Posted by Unknown Minggu, 16 Juni 2013 0 comments

Setelah sekian lamanya di rumah dan tak melakukan suatu aktivitas apapun, disitulah saya merasakan perasaan yang hambar dan bosan. Alhamdulillah pada pagi hari yang cerah ini saya dapat berbagi mengenai tutorial lagi kali ini. Pada saat yang tak diduga ini saya akan mempoeting bagaimana cara membuat tampilan Background pada blog menjadi berubah secara acak ketika di refresh browsernya.

Click Demo!

Tujuan dari pada membuat tampilan latar belakang blog seperti ini tidak lah bukan adalah untuk memperindah penampilan blog agar lebih sedikit tidak membosankan. Gambarnya-pun dengan mudahnya bisa di rubah sesuai dengan kemauan dan selera sobat masing masing. Penggunaan javascriptnya menurut saya sangatlah mudah di mengerti.



Langsung saja bagaimana cara memasangkan script ajaib itu ke blog masing masing.
  1. Pertama tama buka blogger.com
  2. Klik Template kemudian klik Edit HTML
  3. Letakan kode berikut tepat di atas kode <body>
    4. <script type='text/javascript'> var background= new Array() background[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmuv9cNNkFD49p5a5x0yQRGZjYh6yJjpkQqaGUwuT0rEruDtb3-_oGf6Qjro-hQ5Wdzu35pvs7CVNFtzOc8HEThusuxGAf1Q8WHkmS98Vui8ea8bJPYuqr3VyvTEDiE6Mvrb4JOtqfcwQ/s1600/Lands1Farixsan.jpg" background[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgayImJV07OjuO9pdESmPFbYco__YLIC7z_yQd0MFNvs3rpYaJt6p4UOpstsEvDTnBCXCKHsky0gb8ZP7wZnjg8g4urs3HaDammnnuUKbLCQAt-rFSIxl2kHiqnpxGkK5qMYmwvNRL50_s/s1600/Lands2Farixsan.jpg" background[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7D9B6QTowVCfi5qKZFpe68umVfyZ6OQrUTRJiJfVI6i9M9koxNS9FbaIOczXmNbXOJgoXFnJVVJAae5rApeVxarfiBV_4hUl71tYItx7XXIyZg-QDztFZ53Rbw13iQVEL24KMpNiVu6g/s1600/Lands3Farixsan.jpg" background[3]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXlU4LkI4DhW4D1TosmhmHY9QEA3rgE9J5WjFGadAoG0oJ8mESPw-VyTAPNuMGqnEmwmdmWNpscyT6QINtogtCYZIskE0JyV1efToqyugqgPxouvNOqyXjw-OkQdZcVPhjCqm8GaOvf1Q/s1600/Lands4Farixsan.jpg" background[4]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAXgIgKWZ2220IjTDy8zxajzuq0JgBoMWp2sTEBsLUjMgSblYqnBwVDo9K1RcC9U49lFR1TUHv9JUJkikfze1uXTvYAasa3G7qh8BnbhozUZ12F6bukn2swm4hCwOmfzbioXs8ToyE0Mc/s1600/Lands5Farixsan.jpg" var random=Math.floor(4*Math.random()); document.write("<style>body {"); document.write(' background:url("' + background[random] + '") repeat top center fixed #fff;'); document.write(" }</style>"); </script>
    Ganti kode yang berwarna merah dengan background selera sobat. Sobat bisa menambahkan gambar lebih dari 5 gambar itu dengan mengurutkan angkanya, contoh : [5], [6], [7], dst.. dan mengganti 4*Math.random menjadi angka maximal dari kumpulan gambar gambarnya.
  4. Selanjutnya, Save!
Mudah bukan untuk mencoba tampilan Random Bacground itu? Semoga bermanfaat ya kawan :)
Categories: , icon
Pin It

Related Post:



0 komentar:

Posting Komentar

Copyright © 2012 Blog Devilz Security. All rights reserved.

Super SEO created by Blogger Tuts | Published by GalleryBloggerTemplates.com