Cara Gampang Membuat Iklan Melayang Di blog Dilengkapi Tombol Close
Panduan Blogger untuk para blogger pemula.Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger yang membutuhkan informasi tentang "Cara Gampang Membuat Iklan Melayang Di Blog Dilengkapi Tombol Close".Memasang
iklan di blog mungkin banyak manfaatnya untuk blog itu sendiri,namun
juga terkadang membuat blog itu juga ditinggalkan pengunjung.Mungkin
diantara para pengunjung blog ada yang menyukai kalau blog yang di
kunjunginya terdapat banyak iklan,tapi tak sedikit pula yang kurang suka
jika suatu blog terdapat dan dipenuhi dengan banyak
iklan.Sebenarnya,jika blog tesebut adalah sebuah blog dengan tujuan
iklan baris gratis atau iklan online gratis dan sejenisnya mungkin wajar
jika terdapat banyak iklan.Dan mungkin akan lebih baik lagi kalau iklan
yang ada diatur serapih mungkin sehingga tampak bagus di blog.
Perkembangannya,sekarang ini banyak sekali blog yang iseng-iseng
menjadikan blognya untuk memperoleh uang,Salah satunya adalah sebagai
tempat pasang iklan gratis maupun berbayar.Memang bisnis periklanan di
dunia maya (online) mempunyai peluang yang bagus.Meskipun banyak
pesaing,namun tetap saja banyak situs/blog iklan baru yang bermunculan
karena pangsa pasar di dunia maya lebih luas dan lebih banyak.
Untuk memasang sebuah iklan di blog (khususnya banner iklan),sebaiknya
tidak terlalu mengganggu tampilan blog itu sendiri.Saran akoe pasanglah iklan dengan dilengkapi tombol close,sehingga tampak canggih dan praktis.Dan untuk membuatnya,silahkan langsung saja ikuti panduan di bawah ini:
- Login ke Blogger.com
- Klik Tata Letak atau Rancangan
- Klik Elemen Laman
- Klik Add Gadget atau Tambah Gadget
- Pilih Opsi HTML/JavaScript
- Copy dan Paste kode HTML di bawah ini ke dalamnya
<!-- 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: 100px; z-index: 9999;'>
<div style='text-align: right; width: 730px; height: 3px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOXHDR-gF3W_ewqrFms8xcfin0QyBaH3B93asHuQ4UX-qY6NQTdacVLxi9Fdy0gujveSLSGsdVEJW8dmWvYyxTTcsdwut_IQcEcPtNs7vKmI2D5ZxDBZ7QQV7xO9VN_2P2tr5ogQGqeMWG/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Tempatkan kode iklan anda disini</center></p>
</p>
</div>
<!-- AKHIR 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: 100px; z-index: 9999;'>
<div style='text-align: right; width: 730px; height: 3px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOXHDR-gF3W_ewqrFms8xcfin0QyBaH3B93asHuQ4UX-qY6NQTdacVLxi9Fdy0gujveSLSGsdVEJW8dmWvYyxTTcsdwut_IQcEcPtNs7vKmI2D5ZxDBZ7QQV7xO9VN_2P2tr5ogQGqeMWG/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Tempatkan kode iklan anda disini</center></p>
</p>
</div>
<!-- AKHIR FOOTER IKLAN -->
- Klik Pratinjau
- Kalau berhasil,silahkan klik Simpan
Post a Comment for "Cara Gampang Membuat Iklan Melayang Di blog Dilengkapi Tombol Close"