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() {$('img#closed').click(function(){$('#bl_banner').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('fixedban').style.display = 'none';' 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
Post a Comment
Bila Ada posting yang kurang, atau error atau yang lainnya, silahkan tinggalkan komentar agar artikel/post di perbaiki.
Jangan Lupa Cek Box "Notify Me" agar tahu komentar kamu dibalas oleh saya.
If there are any posts that are missing, or error or anything else, please leave a comment for the article / post to be fixed.
Do not Forget Check Box "Notify Me" to know our comments replied by me.