Cara membuat banner sticky ads dengan tombol close di blogger

Bagaimana cara membuat iklan banner melayang di footer page blogger dengan tombol close

Berikut tutorialnya:
1. Buka dashboard blogger -> template -> edit HTML -> lalu masukkan kode dibawah ini diatas </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/AVvXsEinGg9WqUznFo_1Ry6yX9YClECEnjdmuh1qcsj1JorSIU_kzijl0cY2_ICeGgOQF-IMk8rOablWFADvdXbmHXZQTq5YM4UVmJMpa-61w9cKNPgGKUxq5V6gPKps472tH1cwIzOJlN3FGpGD/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'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEFTNcdhufXw9tJxtpvs2yCHX_EyXD-VV6ODkW-Xj69_MRGzQmb3DtzBITwBKVnDDcXYUSrgymQ_jg0v9ay7yxL3Gtcxmvx1p1He4zvGaAXxwWJWjrIU0-RwryAEWkfZqn1Mqed1LYlANG/s1600/arlina-tea.png'/></a>
</div>
</div>

Ganti lebar iklan (max-width:728px) dengan lebar yang anda inginkan.
Ganti source gambar banner (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEFTNcdhufXw9tJxtpvs2yCHX_EyXD-VV6ODkW-Xj69_MRGzQmb3DtzBITwBKVnDDcXYUSrgymQ_jg0v9ay7yxL3Gtcxmvx1p1He4zvGaAXxwWJWjrIU0-RwryAEWkfZqn1Mqed1LYlANG/s1600/arlina-tea.png) dengan iklan banner anda

DEMO:

Selesai. Jangan lupa share yah Cara membuat banner sticky ads dengan tombol close di blogger.
Incoming Terms: Sticky Ads Banner | Membuat Sticky Ads Footer | Membuat Iklan Melayang Di Blogger | Iklan Melayang Di Bagian Bawah Halaman Blog | Sticky Ads Responsive | Cara membuat Sticky Ads Footer

Comments

Popular posts from this blog

Find Backlink From Google Dork

Ringo Step Shotter Tutorial (CP WP)

Simple Recent Posts Blogger Plus Thumbnails