Cara Membuat Random Banner Plus - Assalamu'alaikum, kawan kali ini saya akan share sebuah trik yang saya gabungkan dari beberapa kode script, yang trik ini masih berkaitan dengan membuat iklan close di footer, akan tetapi ini saya beri sedikit polesan supaya banner yang dipasang bisa lebih dari satu, dan juga bila setiap kita load, banner yang muncul akan
berbeda, mungkin ada yang menebak ini seperti random banner ?, ya tentu, maka itu judul tutorial kali ini Cara Membuat Random Banner Plus, yap sekarang kita coba bersama.
1.Pada dashbor kamu klik layout
2.Kamu klik Add Gadget/Tambah Gadget
3.Kamu pilih HTML/JavaScript
4.Kamu paste kode dibawah ini.
<!-- AWAL FOOTER IKLAN -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'>
<div style='text-align: right; width: 768px; height: 3px;'>
<img id='closed' src='http://www.voa-islam.com/images/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<script type="text/javascript">
<!-- Begin
rnd.today=new Date();
rnd.seed=rnd.today.getTime();
function rnd() {
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
};
function rand(number) {
var result = Math.ceil(rnd()*number);
if (!result)result++;
return result
};
var ad_cnt1 = 2;
var ad1 = rand(ad_cnt1);
var link1;
var adBanner1;
var width1
var height1
if (ad1==1) {
link1="http://gmsusantotutorial.com/?vip=3131";
adBanner1="http://gmsusantotutorial.com/images/768x90.gif";
width1="768";
height1="90";
alt1="GM Susanto";
}
if (ad1==2) {
link1="http://rahasiamasterseo.com/?reg=muhammad23";
adBanner1="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY0ghRkoVDGFUui0QhUaQEVygvxucK8BVRkfGsuckzf8b7nAaOfWIMuXIXGvzO7fmVM_yuA3pGFAiIr6lzW62_h7nvKvVKgG7NW7iEUbPv5aYDtGRkIINfvk4Pq-0km7MNv1lzEiBMlLXJ/h120/rahasiamasterseo.gif";
width1="768";
height1="90";
alt1="Rahasia Master SEO";
}
document.write('<center><a href="' + link1 + '" target="_blank">');
document.write('<img src="' + adBanner1 + '" width=' + width1 + ' height=' + height1 + ' border=0 alt="' + alt1 + '"></a>');
document.write('</center>');
// End -->
</script>
</center></p>
</p>
</div>
<!-- AKHIR FOOTER IKLAN -->
5.Bila sudah simpan.
Catatan :
- Warna merah adalah lebar tempat banner yang akan kamu pasang, usahakan lebarnya agak sedikit lebih besar dari ukuran bannermu.
- Warna hitam adalah jumlah banner yang akan kamu pasang.
- warna orange adalah id banner kamu.
- Warna kuning adalah ukuran tinggi dan lebar banner kamu, diharuskan pas.
- Warna hijau adalah nama banner/gambar kamu.
- Warna purpel adalah link banner kamu.
- Contoh aplikasi kode ini bisa kamu lihat banner yang muncul pada footer.
Yap sampai disini dulu Cara Membuat Random Banner Plus semoga bermanfaat, dan jangan lupa komentarnya........
Link : Cara Membuat Pesan Penutup di blog
0 Komentar:
Posting Komentar
Bila kamu ada pertanyaan silahkan kirim komentar, dan sebelumnya saya mohon maaf bila terlambat membalas karena banyak kesibukan yang lain :)