Pages

14 April 2009

Random Image background with CSS untuk Adsense

Dengan cara yang sama, teknik ini bisa dipake untuk ngasih background di sebelah iklan adsense kamu secara random seperti contoh disamping kanan halaman contoh. (Refress (F5) atau Reload halaman tersebut beberapa kali untuk melihat pergantian gambar yang dimaksud)

Untuk keperluan ini, aku buat satu folder khusus untuk meletakkan image-image yang akan dipake sebagai background iklan, untuk contoh ini aku pake folder dengan nama ads. Jangan lupa, copy juga file rotator.php tadi ke folder ads.

Kode CSS yang dipake adalah:

.adskanan {
float: right;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 4px;
background-image: url(ads/rotator.php);
background-position: left center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 100px;
background-repeat: no-repeat;
}

Kemudian dihalaman dimana kamu pengen iklannya muncul dengan background, buat kode seperti ini:


KODE ADSENSE KAMU DISINI !!!


Perhatian: Jangan mengisi folder image dengan file lain kecuali images yang akan dipake dan file rotator.php, termasuk file Thumbs.db yang sering muncul kalo di windows, jangan di upload.

Gunakan CTRL+F5 untuk melakukan Refress/Relaod baik di Internet Explorer maupun Mozilla Firefox

SELAMAT MENCOBA !!