Home | Looking for something? Sign In | New here? Sign Up | Log out

Senin, 02 Juli 2012

MEMBUAT KOTAK IKLAN ATAU BANNER BERGANTI-GANTI GAMBAR DISATU TEMPAT

Senin, 02 Juli 2012
Sering kita jumpai ribuan artikel tutorial di duni blog ini ada yang ringan, berat, seru, keren unuik dan bahkan menggelikan. Yang saya akan bahas kali ini adalah tutorial keren cara membuat blog atau web anda memiliki baner berganti gambar atau anda yang ingin mengiklankan produk anda secara unik yaitu dengan gambar berjalan sendiri. Seperti gambar ini
  
yang saya pasang di bahah header saya. Ini gan caranya :




Pertama masuk ke blog anda
Kedua klik atau masuk ke tata letak
Ketiga silahkan tambah gadget/widget tergantung template blog anda
Keempat klik  HTML/JavaScript
Kelima copy kode dibawah ini dan paste ke lokasi kotak HTML/Java Skrip anda tadi

<script type="text/javascript">
var imgs1 = new Array("link gambar iklan-1","link gambar iklan-2","link gambar iklan-3","link gambar iklan-4");
var lnks1 = new Array("link iklan-1","link iklan-2","link iklan-3","link iklan-4");
var alt1 = new Array("tex iklan-1","tex iklan-2","tex iklan-3","tex iklan-4");
var currentAd1 = 0;
var imgCt1 = 4;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",10000);
</script>
<a href=""link iklan-1"" id="adLink1" target="_blank">
<img src="link gambar iklan-1" id="adBanner1" border="0" width="468" height="60" /></a>

Catatan penting: diatas adalah kode banner yang berjumlah 4(empat buah) perhatikan kode kode berwarna jangan sampai tertukar penempatan linknya..!!
jangan lupa pula untuk mengubah jumlah banyaknya gambar pada var imgCt1 = 4; apa bila menambah atau mengurangi banner untuk yang paling bawah masukan 1 link banner saja yaitu link iklan-1 dan link bannernya ukuran banner dapat di ubah di width="468" height="60" , kalau sudah selesai silahkan save dan lihat hasilnya, semoga bermanfaat untuk kita semua yah..
Untuk warna hijau dan bertuliskan window.setInterval("cycle1()",10000); adalah kecepatan pergantian gambar baner atau iklan anda . ganti (10000 dengan angka sesai kecepatan yang anda inginkan) kalai saya memakai 2000-3000 gak terlalu cepat atau lambat.

4 komentar:

Maz PilL mengatakan...

tolong contoh Format Penulisannya Gan yg sudah di isi...
kox ngak bisa ak dah coba bebrapa kali
Help

Danang Aji mengatakan...

angka 10.000 nya diganti berapa gan biar putaran iklannya cepat
please visit http://knowledgeestutomo.blogspot.com/

Khaniia Kim mengatakan...
Komentar ini telah dihapus oleh pengarang.
Khaniia Kim mengatakan...

informasi yg bagus kak, makasih ya. Yuk gabung disini kak sama Q di DaunPokers.com , pasti asyik deh

Posting Komentar

 

like this

 

Blogger Gadgets