Random image header pada blogger sebenarnya bisa kita ganti secara
otomatis setiap kali halaman di Refresh atau di Reload. Tujuan tutorial
kali ini tentu tetap membuat blog kita tampil lebih bergaya dan punya warna
warni tersendiri. Selain membuat blog terlihat lebih hidup juga berguna
menghilangkan rasa bosan pengunjung ketika mengunjungi blog kita, agar blog
tidak monoton kita perlu menambahkan Random image header ini. pengen tau
cara buatnya..
Cara pasang image pada blogger:
Buka Template -> Edit HTML
Cari kode <b:skin><![CDATA[
Kemudian Copy kode dibawah ini, letakan (paste) kode tersebut dibawah kode
diatas, kemudian simpan dan lihat hasilnya.
</script>
<script type='text/javascript'>
var gambar= new Array()
gambar[0]="http://alamat_url_gambar1"
gambar[1]="http://alamat_url_gambar2"
var acak=Math.floor(
2
*Math.acak());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + gambar[acak] + '") no-repeat top left ;');
document.write(" }");
document.write("</style>");
</script>
Gimana seandainya ada 5 atau lebih image?
</script>
<script type='text/javascript'>
var gambar= new Array()
gambar[0]="http://alamat_url_gambar1"
gambar[1]="http://alamat_url_gambar2"
gambar[2]="http://alamat_url_gambar3"
gambar[3]="http://alamat_url_gambar4"
gambar[4]="http://alamat_url_gambar5"
var acak=Math.floor(
5 *Math.acak());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + gambar[acak] + '") no-repeat top left ;');
document.write(" }");
document.write("</style>");
</script>
Info: http://alamat_url_gambar =>
ini merupakan alamat gambar, caranya
arahkan alamat URL dimana tempat gambar kamu disimpan
Selamat mencoba :)
Tidak ada komentar:
Posting Komentar