Cara membuat iklan Melayang Di Blog

Cara Membuat Iklan Melayang Di Blog Dengan Tombol Close  - Baiklah kali ini saya akan membahas artikel mengenai beberapa cara untuk menampilkan iklan melayang di Blog dengan Tombol Close. para kalian pemain Google Adsense pasti tidak asing lagi Mengenai Cara Membuat Iklan Melayang Di Blog yang sangat di gemari karena bisa meningkatkan hasil klik dari adsense tersebut.

Baca juga : Cara Mendapatkan uang melalui Google Adsense

Cara untuk membuat iklan melayang di blog sangat sederhana, kita bisa menggunakan sedikit javascript dan tidak harus menggunakan Jquery libary yang hanya memperlambat laman blog kita. di iklan yang melayang di blog juga di berikan sedikit sentuhan CSS yang membuat tampilan iklan menjadi elegan dan sangat responsif khusus nya pada pengguna mobile.

Contoh diatas merupakan tampilan Iklan melayang di blog, oke tanpa basa basi lagi langsung kita praktekan bagaimana cara membuat iklan melayang di blog :

1. Pertama masuk ke akun blogger, klik templeate lalu edit Html
2. Cari kode (/body) lalu tempelkan Script di bawah ini di atas (/body)

<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/AVvXsEiz_vH_s1HM7rCjseXHGeRsBz4MKoBbU9yBa-_Z7aYf89zhuwifxF0iUBpjPxM6NhHpk-WNIkqk6jkTz5as3QYsmhoRMNhNc2Z_mugn_E5iUU-xURbHjie1jM17N3FFg9rdECCR4bvVFzs/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-->

========Masukan Kode Iklan Kalian di sini ==  Contoh => <a href='www.zhinoby.net' title='Banner iklan disini'><img style='max-width:100%;height:auto' alt='Banner iklan disini' src='https://4.bp.blogspot.com/-HSNUkvJsdbyhHVBHdOi3py79s/POJNBJBDAUNMKJNDq_sCXhI/CRAAAAADcg/mE6LYGDAJBDJUGDpbA/s1800/advertise-728x90.png'/></a

<!--Akhir script iklan-->
        </div> </div><!--end: floating ads-->

• Lihat Warna tulisan biru, itu untuk menampilkan lebar iklan kalian, jika iklan kalian lebih lebar maka cukup dibesarkan sesuai berapa ukuran iklan kalian, tapi jika iklan kalian kecil maka tidak perlu di rubah, semua akan responsif dengan seendirinya.
• dan yang Warna tulisan merah ada untuk meletakan Id iklan kalian yang ingin di buat melayang di blog.

3. Simpan template dan lihat hasilnya.

oke, Cukup mudah kan membuat iklan melayang di blog, yaa saya rasa kalian semua dapat memperaktekan, jika ada saran dan kritik silahkan comment yahh.. terima kasih.

Baca Juga : Cara Membuat SITEMAP atau Daftar Isi di Blog

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: