Cara Membuat Iklan Melayang Responsive Dengan Tombol Close



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.

Reaksi:
Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser