 |
| 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.
