Hem… Freeyasoul ternyata sudah mendahului gua nih untuk membuat hack ini. Ya… jujur aja, kan hack ini masih sedikit di Internet, n’ rencananya aku mau buat setelah Ujian Nasional 5 Mei 2008, tapi udah kedahuluan ama Freeyasoul nih. Jadi… ya gak papalah. Tinggak kopas aja dari Freeyasoul.

Tau kan maksud hack ini? maksudnya untuk mengubah/me-random penampilan header-image kita setiap kali halaman kita ter-loading. Gampang kok sebenernya… gimana?

Pertama, kita cari CSS Header kita. Biasanya CSS Header kita akan berkode seperti ini (contoh: Template Rounder) :

#header {
background:#476 url(”http://www.blogblog.com/rounders4/bg_hdr_bot.jpg”) no-repeat left bottom;
margin:0 0 0;
padding:0 0 8px;
color:#fff;
}

Lalu? apa yang kita lakukan? kita tinggal menghapus kode background:#476 url(”http://www.blogblog.com/rounders4/bg_hdr_bot.jpg”) no-repeat left bottom; dan menggantinya menjadi :

<script type=”text/javascript”>

var banner= new Array()

banner[0]=”http://ALAMATGAMBARMU”
banner[1]=”http://ALAMATGAMBARMU”
var random=Math.round(1*Math.random());

document.write(”<style>”);
document.write(”#header {”);
document.write(’ background:url(”‘ + banner[random] + ‘”) no-repeat left TOP;’);
document.write(” }”);
document.write(”</style>”);

</script>

Catatan tambahan:

• Jika memiliki dari 2 gambar, buat lagi banner[2], banner[3], dan lain-lain. Juga jika punya 4 gambar, maka teks yang berwarna merah: Math.round(1*Math.random()); diganti 3, jika 5 diganti 4, jika 6 diganti 5. Begitu seterusnya.

• Kita bisa menaruh gambar kita/menghosting gambar kita pada situs Hot-Linking ataupun situs penyedia jasa penghostingan Gambar seperti Flickr, Zooomr, Photobucket, dan lainnya.

Gimana…? bisa kan?

echo 'Dari: blogywalkie.com, Adam Pahlevi Baihaqi'