Cara Membuat Iklan Melayang Responsive Dibawah Blog dengan Tombol Close

Sesuai judul diatas, kali ini saya akan membagikan tutorial cara memasang / membuat iklan melayang di bawah blog dengan tombol close dan iklan tampil responsive tentunya.

Membuat space iklan baik iklan banner dan text di bawah postingan atau dengan efek floating biasanya diterapkan pada blog yang sudah terkenal yang banyak menyediakan space iklan. 

Penggunaan posisi iklan semacam ini tentu saja untuk menghasilkan dan mencari keuntungan dari blog tersebut.

Cara Membuat dan Memasang Iklan Melayang Responsive Dibawah Blog dengan Tombol Close 

1. Pertama, buka Blogger >> Tema >> Edit HTML.

2. Letakkan kode berikut diatas / sebelum kode </body>

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguJvNYxKSYNp2oxZfxBaQoro_1uf7CWFCPg0n5GCg54xxy0iGeohEYou1Euaq1SLzD_YgMJN3plWyLbWF_wP5Mfs5Z7gnAInTpQuTIM_7M-yevWAt2KNWaEvzJl3eK550L9OK23JkswCnT/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner Iklan Disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7P-xnZSdwfWIiZ9n8FlJBYgTVbwH_DffipT5cM2pmfORifb_-4iCmZAS8aMMRXaxC9_VDQQ2In4jIu6mVvU15O3UxJ7k_dlKbDlFFigKG3YaPknl-5NLaovLATHQWeETr8U75z-WwIHRK/s1600/banner-728x90-adityatekno.png'/></a>
</div>
</div>

Catatan : Ganti kode#, Banner Iklan Disini, dan https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9p20Gihof2hia3hQOVUUpKZDhg-oD25EWoww1nANv0GOZFEOzaFJsEJwbhKxin4uwMEgBQ7KqX-HqdOlMHFQPbxhCinIEpwhZnd3l3AvKIN2m1DATrMKdJa3jrhuq9eTnxtnAsBTBqQsAEnMQv4kI-ccqcjBmFzlAqGFw7EXy3dU/s220/PicsArt_01-26-12.07.26.jpg sesuai keinginan anda.

Dan jika anda ingin merubah lebar iklan, bisa ubah kode max-width:728px.

3. Kemudian klik Simpan Tema.

Demikian Cara Membuat Iklan Melayang Responsive Dibawah Blog dengan Tombol Close. Semoga bermanfaat dan terima kasih sudah berkunjung. Salam AdityaTekno.com