Notification

×

Kategori Berita

Ingin Mencari Artikel?
✓ Tersedia berbagai artikel yang dapat menambah wawasan Anda.
TRENDING TERKINI

Adsense Responsif

Tag Terpopuler

Menampilkan banner iklan bergantian secara otomatis di blog

06 Februari 2014 | 19:17 WIB Last Updated 2021-08-06T12:17:32Z
Bantu Subscribe ya?
Subscribe
Credit img: freepik.com

Mempercantik blog supaya terlihat lebih rapi ataupun simple istu sudah menjadi harapan bagi pemblogker, terlebihnya jika mempunyai banner iklan yang banyak terlihat tidak rapi sehingga mungkin diperlukan solusinya seperti membuat widget tempat iklan yang tampil bergiliran secara otomatis. Nah berikut saya berikan tutorial membuat tempat iklan yang berfungsi menampilkan banner iklan bergiliran secara otomatis.

Langsung saja login ke blog anda
Pilih Tata Letak> Tambah gadget > Html/ Javascript
Copy pastekan kode dibawah ini

<script type="text/javascript">
var imgs1 = new Array("#","#","#","#");
var lnks1 = new Array("#","#","#","#");
var alt1 = new Array("#","#","#","#");
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()",20000);
</script>
<a href=""link iklan-1"" id="adLink1" target="_blank">
<img src="link gambar iklan-1" id="adBanner1" border="0" width="100" height="100" /></a>

 
Kemudian simpan.

NB:
  • Untuk kode yang berwarna merah ganti # dengan Url gambar, Url link yang dituju dan text yang anda inginkan.
  • Angka yang berwarna biru silahkan ganti ukuran gambar yang anda inginkan.
Selamat mencoba..
×
Artikel Terbaru Update
Rekomendasi Untuk Anda × +