Cara Pasang Banner Iklan Melayang Di Atas , Floating (melayang) adalah salah satu cara pengoptimalan tampilan index pada suatu halaman blog agar tidak memakan banyak tempat pada blog
dan juga untuk pengoptimalan iklan untuk kepuasan Advertiser
Dari tampilan Floating memberi sedikit kesan rapi sangat tidak nyaman ketika memasang banner ber jejer kebawah lebih dari 2 atau 3 banner
Untuk yang ingin memasang silahkan di bawah ini scriptnya
1. login ke blogger
2. Tata letak
3. Tambah widget
4. Masukan script di bawah ini :
5. Simpan widget.
*) Jika ada seseorang atau member yang memesan banner tersebut ganti link alamat yang berwarna Merah.dan link gambar yang berwarna Biru.
Sekian tutorial cara memasang banner iklan melayang. Semoga tutorial ini bermanfaat ..... ^_^
dan juga untuk pengoptimalan iklan untuk kepuasan Advertiser
Untuk yang ingin memasang silahkan di bawah ini scriptnya
1. login ke blogger
2. Tata letak
3. Tambah widget
4. Masukan script di bawah ini :
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
top: 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: 750px; height: 8px;'>
<img id='closed'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbpnyPLyZSp-K5iOb5DppC-B2NBmgv42oLxnDHclcl1ku5BYBA8oL2yVDFFiNR09-9KjYxbhPPw49tUmAbf6wvcCwpXTQN7h5OgUH-aKlPrQSQb7UnOJf1LdMR0pxdNonFib005minjbJc/s1600/1350799346_Close.png'/></div>
<div style='clear: both;'></div>
<p>
<center>
<a href='http://soeryana.blogspot.com' rel='nofollow' target='_blank' title='Pasang Iklan'><img src= 'http://2.bp.blogspot.com/-cL7R2bq7X1o/UQ8HRqQMOpI/AAAAAAAAFEE/2nixnVCl3m4/s1600/banner728x90.gif' width='728' height='90'/></a>
</center>
</p>
</div>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
top: 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: 750px; height: 8px;'>
<img id='closed'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbpnyPLyZSp-K5iOb5DppC-B2NBmgv42oLxnDHclcl1ku5BYBA8oL2yVDFFiNR09-9KjYxbhPPw49tUmAbf6wvcCwpXTQN7h5OgUH-aKlPrQSQb7UnOJf1LdMR0pxdNonFib005minjbJc/s1600/1350799346_Close.png'/></div>
<div style='clear: both;'></div>
<p>
<center>
<a href='http://soeryana.blogspot.com' rel='nofollow' target='_blank' title='Pasang Iklan'><img src= 'http://2.bp.blogspot.com/-cL7R2bq7X1o/UQ8HRqQMOpI/AAAAAAAAFEE/2nixnVCl3m4/s1600/banner728x90.gif' width='728' height='90'/></a>
</center>
</p>
</div>
5. Simpan widget.
*) Jika ada seseorang atau member yang memesan banner tersebut ganti link alamat yang berwarna Merah.dan link gambar yang berwarna Biru.
Sekian tutorial cara memasang banner iklan melayang. Semoga tutorial ini bermanfaat ..... ^_^
1 komentar:
kalau buat di bawah blog gmn ya gan??
pusing buat yg dibawah,,pencerahannya dong boss
sukses selalu
EmoticonEmoticon