2 Cara Membuat Iklan Melayang/Floating Ads Responsive dengan Tombol Close

1. Login ke blogger, masuk ke dasbor, klik Template > Edit HTML.

2. Cari kode </body> dan letakkan kode berikut ini di atasnya.

<script type='text/javascript'>
        $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#btm_banner&#39;).hide(90);});});
</script>
        <!--start: floating ads-->
        <div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>
         <div><a id='close-floatads' onclick='document.getElementById(&apos;floatads&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEqAPsRxCI462NQI82FnOjHrvcURF7wZ9J_i_rfVM8Gnty0Je3ed4yTjfIBIK9cAgrqF2CpeBO5HwectO70hQMVxdS-LpfbYiDFbrOLs0WRuZZ2n_3jRY1L_XyjjQfkJV-Qq24uuCLzAU/s1600/btn_close.gif' title='close button'/></a></div>
    <div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
        <!--Script iklan-->
<a href="https://goo.gl/omD2P6" rel="nofollow" target="_blank"><img alt="GarudaQQ.org | Domino Online | Poker Online| Domino QQ Online" data-original-height="90" data-original-width="728" src="https://3.bp.blogspot.com/-W_x4Sdacjxo/WjJCleuQe7I/AAAAAAAAASM/JJWFgaPqIPoV6aw3shytPNftpzY1Tnw1QCLcBGAs/s3600/GarudaQQ1.gif" title="GarudaQQ.org | Domino Online | Poker Online| Domino QQ Online" width="728" height="95" border="0"></a>
<!--Akhir script iklan-->
        </div>
</div><!--end: floating ads-->

Komentar →