Skip to main content
Ivhaa Design

follow us

Cara Membuat Iklan Melayang Responsive Dengan Tombol Close

Cara Membuat Iklan Melayang Responsive Dengan Tombol Close

Baca juga:



Assalamualaikum sobat blogger pada artikel kali ini saya akan memberikan tutorial lagi buat kalian semua karena di grup facebook tadi ada yang bertanya bagaimana membuat iklan di bawah dengan tombol close script iklan ini juga saya dapat dari blog bungfrangki.com salah satu blog tempat saya belajar ngeblog dan desain.

Untuk iklan ini apa melanggar TOS google mungkin dari kalian masih bingung dengan pertanyaan ini karena unit iklan ini sama seperti page level iklan.

Gimana kalian tertarik dengan tutorial ini simak artikel ini sampai selesai ya sobat.


Cara Membuat Iklan Melayang Responsive Dengan Tombol Close


  1. Kalian login akun blogger kalian.
  2. Setelah itu pilih Template > Edit HTML kemudian masukan kode berikut ini di atas kode </body>
  3.  <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://3.bp.blogspot.com/-ZZSacDHLWlM/VhvlKTMjbLI/AAAAAAAAF2M/UDzU4rrvcaI/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='www.bungfrangki.com' title='Banner iklan disini'><img style='max-width:100%;height:auto' alt='Banner iklan disini' src='https://4.bp.blogspot.com/-Af0Oi3py79s/VOtDq_sCXhI/AAAAAAAADcg/mE6LpkpQpbA/s1600/advertise-728x90.png'/></a>
    <!--Akhir script iklan-->
            </div>
     </div><!--end: floating ads-->
  4. Simpan template
Untuk mengubah ukuran template kalian cari script max-width:726px itu ada ukuran iklan tersebut sedang kan untuk warna merah ganti dengan script iklan kalian.

Nah untuk kali ini sampai di sini pembahasan kali ini selamat mencoba.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar