Cara Membuat Kotak Iklan Melayang di Footer Blog + Tombol Close

NEWBIE

30 JUNI 2016

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/AVvXsEgdoEyIASsRfEOsyEdUUNySdHDnm7Zm49GBh9FMq3IJSVoscHNQ8xL7rrV0O99Ylq4KDYFEC8IbEw3QcANCRr33-cvrhMdLurUNi4NtATPIzRx4gbELe5ayPVK1cjJbmYEdc6XV1LLkdQu3/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/AVvXsEgkk4EQkuvm7fna4AWGWtsP8RIDbVXAb4dEftYxqH3YKCRBtrMyCAPhDwPSTpApk5kjzesnANviTdL06gonXFHXG0Kzk-BiWdEq8AIaaZpFmH58CRG5-MfF46WwFYGWoDYoiDW_1cFCqN8/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 ~
by ;yunji akbar