Jumat, 14 September 2012
Cara Gampang Membuat Iklan Melayang Di Blog Di Lengkapi Tombol Close
Do you like this story?
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/AVvXsEjrI3uFLJM5JMYelpa1v8JhbJTIKV90_ovnTaH6CtkftGneVkm9S72rW4RUQqAX48M_Sux05zyf-eclsI5zA7p7TJp8eX8rLwgjMYK11DO_1j5j_8hpChxuT4pT7TPTJmnOFAPvAQ9If-2F/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/AVvXsEjrI3uFLJM5JMYelpa1v8JhbJTIKV90_ovnTaH6CtkftGneVkm9S72rW4RUQqAX48M_Sux05zyf-eclsI5zA7p7TJp8eX8rLwgjMYK11DO_1j5j_8hpChxuT4pT7TPTJmnOFAPvAQ9If-2F/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
This post was written by: Franklin Manuel
Franklin Manuel is a professional blogger, web designer and front end web developer. Follow him on Twitter
Langganan:
Posting Komentar (Atom)
0 Responses to “Cara Gampang Membuat Iklan Melayang Di Blog Di Lengkapi Tombol Close”
Posting Komentar