Cara Membuat Iklan Melayang di Bawah Blog
8 Maret 2013
Add Comment
Cara Membuat Iklan Melayang di Bawah Blog - Di hari ini sepertinya saya semangat memposting artikel tentang tutorial blogging. Kalau tadi pagi saya posting artikel bagaimana cara membuat iklan melayang di samping blog , maka kali ini di sore hari ini saya kembali posting cara buat iklan di bagian bawah blog.
Sama seperti cara sebelumnya, cukup menambahkan widget pada tata letak saja tidak usah sampai masuk ke menu edit html. Maka dari itu cara ini sangat mudah di lakukan walaupun oleh seorang blogger pemula sekalipun. Tentunya widget ini juga di bekali dengan tombol close, agar para pengunjung tidak merasa terganggu kalau tidak suka dengan iklan yg anda tayangkan.
Selain memberi ilmu baru bagi para newbie, artikel cara membuat iklan melayang di bawah blog ini juga diharapkan dapat membantu blogger senior. Sebagai manusia kita pasti tidak luput dari lupa. Nah, jika anda lupa (senior blogger) postingan ini akan membantu anda.
Berikut cara Membuat Iklan Melayang di Bawah Blog :
<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: 170px; z-index: 9999;'>
<div style='text-align: right; width: 700px; height: 3px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja9g1sjfn5kzodK_QUKi_flzgmHuWgV-Cmb4Cky9OjucKfz004iMsiz9B-8ZBrve5E5izB-Qk4gM1MsC5WKc8JVm7z3dvMrKGbcUxsbMYLOorrFIVRxrJFk4cBBekQ8oT-QuZyTKbuwq7w/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Letakkan kode iklan disini
</center></p>
</p>
</div>
<!-- AKHIR FOOTER IKLAN -->
Demikianlah posting heru blog pada sore ini tentang cara membuat iklan melayang di bawah blog. Semoga dapat bermanfaat bagi pembaca. Akhir kata saya ucapkan terima kasih sudah mengunjungi blog ini.
Contoh kode iklan
<a href="https://ferlyandosandala.my.id" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAVs-4ov8cuuvNAW-I2UM9Pu20ymrELCEUjvlKYizpW9QUOGF9bK7QKShmwfbQRZPO64Rlocr35IUPyOSz71HPwVFLS5MxWh3eeKLP2NksLSmz5w4nmeYOUAi4a8sHQ2bYjhD14stRNuuc/s1600/468x60-new.gif" alt="agen bola" width="500" height="70" longdesc="agen bola" /></a>
Sama seperti cara sebelumnya, cukup menambahkan widget pada tata letak saja tidak usah sampai masuk ke menu edit html. Maka dari itu cara ini sangat mudah di lakukan walaupun oleh seorang blogger pemula sekalipun. Tentunya widget ini juga di bekali dengan tombol close, agar para pengunjung tidak merasa terganggu kalau tidak suka dengan iklan yg anda tayangkan.
Selain memberi ilmu baru bagi para newbie, artikel cara membuat iklan melayang di bawah blog ini juga diharapkan dapat membantu blogger senior. Sebagai manusia kita pasti tidak luput dari lupa. Nah, jika anda lupa (senior blogger) postingan ini akan membantu anda.
Berikut cara Membuat Iklan Melayang di Bawah Blog :
- Masuk blogger dengan akun masing - masing (bukan dengan akun saya ^_^)
- Kemudian masuk Tata Letak
- Klik tambah gadget
- Setelah terbuka sebuah tab baru scroll ke bawah pilihlah menu HTML/JavaScript lalu klik
- Copy code di bawah kedalam kolom yg disediakan lalu klik simpan
- Selesai
<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: 170px; z-index: 9999;'>
<div style='text-align: right; width: 700px; height: 3px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja9g1sjfn5kzodK_QUKi_flzgmHuWgV-Cmb4Cky9OjucKfz004iMsiz9B-8ZBrve5E5izB-Qk4gM1MsC5WKc8JVm7z3dvMrKGbcUxsbMYLOorrFIVRxrJFk4cBBekQ8oT-QuZyTKbuwq7w/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Letakkan kode iklan disini
</center></p>
</p>
</div>
<!-- AKHIR FOOTER IKLAN -->
Demikianlah posting heru blog pada sore ini tentang cara membuat iklan melayang di bawah blog. Semoga dapat bermanfaat bagi pembaca. Akhir kata saya ucapkan terima kasih sudah mengunjungi blog ini.
Contoh kode iklan
<a href="https://ferlyandosandala.my.id" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAVs-4ov8cuuvNAW-I2UM9Pu20ymrELCEUjvlKYizpW9QUOGF9bK7QKShmwfbQRZPO64Rlocr35IUPyOSz71HPwVFLS5MxWh3eeKLP2NksLSmz5w4nmeYOUAi4a8sHQ2bYjhD14stRNuuc/s1600/468x60-new.gif" alt="agen bola" width="500" height="70" longdesc="agen bola" /></a>
Sekian tips Cara Membuat Iklan Melayang dibawah Bolg ........
Semoga bermanfaat...
0 Response to "Cara Membuat Iklan Melayang di Bawah Blog"
Posting Komentar
Jangan melakukan SPAM... Aturan tidak ada link dan bicara kotor dalam komentar Sobat.