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/AVvXsEjaryPwNO38KszAWafh3qDphEz4yRszPGnJvtrtky1daeIUc4l28qvWl66b-j6qA6CU7tLO2XAsxE4aa0n2uNy6Nj2ooFXzujHmpH3tVJ9AJwugJx1PmO6BAnpbELaTqpulQX85zou76383/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/AVvXsEjaryPwNO38KszAWafh3qDphEz4yRszPGnJvtrtky1daeIUc4l28qvWl66b-j6qA6CU7tLO2XAsxE4aa0n2uNy6Nj2ooFXzujHmpH3tVJ9AJwugJx1PmO6BAnpbELaTqpulQX85zou76383/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
No comments:
Post a Comment