Gambar website berganti

Gambar website berganti
Salah satu teknik untuk membuat tampilan website pribadi atau website perusahaan menarik adalah dengan membuat tampilan gambar yang berganti-ganti. Dengan gambar atau images yang berganti-ganti tersebut akan membuat website menjadi tidak membosankan.
Untuk membuat image header secara random, cukup kamu siapkan image atau gambar dengan ukuran yang sesuai dengan header website dan mempunyai file extension yang sama, kemudian kamu beri nama file dengan aturan sebagai berikut : (misal ada 5 gambar)
imageheader-1.jpg
imageheader-2.jpg
imageheader-3.jpg
imageheader-4.jpg
imageheader-5.jpg
gunakan FTP  atau masuk ke cpanel hosting domain kamu dan buat suatu folder untuk memasukkan file-file tersebut..
Kemudian buka header.php kamu, dimana kamu menemukan perintah untuk memanggil gambar atau image seperti berikut :
<img src="http://domainanda.com/fileimageheader.jpg" width="...dst>
kamu ubah menjadi :
<img src="http://domainanda.com/imageheader-<?php echo(rand(1,5)); ?>.jpg" width="..dst>
Ketika anda mereload atau merefresh halaman website kamu, maka website akan memanggil image header anda secara random dari 1 – 5 yang kamu siapkan.

BANNER BERGANTI GANTI SECARA OTOMATIS

Berikut trik bagaimana cara membuat banner bisa berganti ganti atau kata lain kita bisa menyebutnya dengan isitilah banner rotator.
Banner rotator kebanyakan dipakai  website-website yang menyediakan pendaftaran online earning berbentuk PPC, seperti contoh : kumpulblogger, bidvertiser, untukblogger dan masih banyak lagi.
Sebagai awal siapkan 3 url gambar banner dan 3 url target dari banner tersebut lalu seperti biasa login ke blogger,add gadget,pilih penempatan mau dimana bannernya mau dipasang trus copy script berikut

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var jumlah_iklan = 3;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds(2)
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
if (pasang_iklan==2) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
if (pasang_iklan==3) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_top\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>

 

Silahkan refres halaman untuk melihat hasilnya
Keterangan
var jumlah_iklan = 3;
var waktu_sekarang = new Date()   < adalah waktu sekarang
var detik = waktu_sekarang.getSeconds(2) < timer load per banner
 anda juga menambahkan seberapa banyak banner yang anda mau, tinggal menambahkan code berikut

if (pasang_iklan== 4 ) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}