Cara Membuat Kotak Iklan Melayang di Footer Blog + Tombol Close
TENLIBRARY - Cara Membuat Kotak Iklan Melayang di Footer Blog + Tombol Close - Sebagian orang memfungsikan blog sebagai ladang dollar atau tempat menghasilkan uang. Salah satu cara yang sering digunakan oleh banyak orang untuk mendapatkan uang dari blog adalah memasang lowongan iklan di blog mereka. Memang, sebenarnya cara ini yang paling tepat serta mudah untuk mendapatkan uang dari blog.
Pada kali ini, saya akan memberikan sedikit tutorial bagaimana caranya membuat kotak iklan melayang di footer blog + tombol close. Tentunya cara ini dapat menghemat tempat yang ada di template blog kamu. Sehingga tempat-tempat yang seharusnya diperlukan untuk kepentingan content, tidak tersingkir keberadaannya dengan kotak iklan tersebut.
Ok, tanpa panjang lebar lagi berikut tutorialnya.
IKUTI LANGKAH-LANGKAH BERIKUT
- Login ke akun blogger kamu.
- Klik menu dropdown, kemudian pilih Tata Letak.
- Pilih Tambah Gadget.
- Lalu, pilih HTML/Java Script
- Copy/pastekan script dibawah ini, dan masukan kedalam kotak HTML/Java Script tersebut.
<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: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGWGBOBlvJqpUzwGT0USuX8BtiH3KdqdK1dM7l2UXJyg_PleH6LJ0BT6FbIAHH8WguobhXB9ravtJXsav1BYDCd99A7qWQ_fHVHBbGOt4AYkDdtSuvu4L5fZJWQpjUuH63OGRUyLezRiXV/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://tenlibrary.blogspot.com/2013/01/pasang-iklan.html" target="_blank"title="Pasang Iklan"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhegspxfKq3ft3FJjEDBdTq3Vz9u1RF4qOnkBo2uRfg56WNu5srN61QW9GRN5F7340hGnj2C3WcnSz6pLXzsG5IDURO2xRJY_OWgQ3fNgSHSxdlqS0a9-bvI5LiExBb7HRpnaXEfY9ZtAs/s1600/advertisement+728x90.jpg" border="0"/></a>
</center></p>
</p>
</div>
CATATAN :
- Script yang berwarna biru silahkan kamu sesuaikan panjang dan lebar kotak iklan tersebut.
- Script yang berwarna merah silahkan kamu ganti dengan script iklan kamu.
- Kemudian klik Simpan. Maka blog kamu nantinya akan terlihat seperti ini.
Contoh Iklan Melayang di Footer Blog + Tombol Close |
Sekian postingan saya kali ini. Semoga dapat bermanfaat dan dapat diterapkan dengan mudah di blog kamu semua ~
Terimakasih infonya ..posting yang sangat menarik
BalasHapusPeluang Bisnis Dirumah!!
Penghasilan Maksimal Rp 14.400.000 per/bulan
Syarat
1.punya email aktif
2.punya rekening untuk terima gaji
3.berumur di atas 18 tahun
4.mau Bekerja dan berusaha
Untuk Mendaftar Silahkan Kunjungi
http://goo.gl/Vnrtk
semoga bermanfaat
Thanks...
BalasHapuswww.4allprograms.com
Sama-sama. Terimakasih udah berkunjung.
Hapusterima kasih pak atas perkongsian ilmunya...
BalasHapusSama-sama gan. Terimakasih juga udah menyempatkan waktunya untuk membaca artikel saya.
HapusTerimaksih banyak mas Infonya bermanfaat banget bagi sy yg masi newbie
BalasHapushttp://anekaresepnusantaraok.blogspot.com/
Sama-sama mas. Terima kasih ya kunjungannya.
HapusMakasih sob infonya sangat berguna
BalasHapusvisit back:http://hacker-baturaja.blogspot.com/
Terima kasih informasinya, jangan lupa share trus ilmunya kak.
BalasHapusBisa gan, thanks ya infonya. Mayan bisa pasang iklan...hehehe
BalasHapus