Memasang Iklan Melayang Dibawah Blog dengan Tombol Close - Blog Materi Pembelajaran

Kumpulan Artikel tentang pendidikan, materi pembelajaran dan artikel menarik lainnya

Breaking

Home Top Ad

Responsive Ads Here

Monday, June 6, 2016

Memasang Iklan Melayang Dibawah Blog dengan Tombol Close

Memasang Iklan Melayang Di bawah Blog dengan Tombol Close - pada kali ini saya akan berbagi tutorial cara Memasang Iklan Melayang Di bawah Blog di lengkapi denganTombol Close.

Iklan melayang sering juga disebut dengan Floating ads, yang biasanya iklan yang sering di pasang atau dibuat melayang yakni iklan PPC. Mungkin untuk kamu yang sudah menjalankan program PCC sudah tidak asing lagi dengan metode ini.

Terkait :


Untuk memasang iklan melayang ini sebenarnya sangat mudah, dan yang membuat iklan melayang itu karena bantuan dari script. Langsung saja, kita ke segi pemasangan.

Pasang Iklan Melayang Di bawah Blog Tombol Close

1. Login keakun Blogger
2. Pilih template, klik edit HTML
3. Silahkan kamu Copy kode di bawah ini, lalu cari kode </body> dan pasangkan diatasnya.

<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/AVvXsEhaJA_daKlMueaxBSCcnVBlN-W-bRggNRwCcxlZTuUGcMiuhNrShflVMmPSx6nEMf-ci0_ffTWDukOBlO-DNlw3RGP_GxU8hJhel7beaku1FbQSTKhFttBYhxyMtV7pyZ7X4df4Kgxp2WQ/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-->
Kode Iklan yang sudah di parse
<!--Akhir script iklan-->
        </div>
 </div><!--end: floating ads-->

Note : Pasangkan iklan pada tulisan berwarna biru, namun sebaiknya code iklan di parse terlebih dahulu.

4. Simpan Template.

Sekarang kamu bisa melihat hasilnya, iklan pun muncul dari bawah blog dilengkapi dengan tombol close. Nah, itu saja tutorial dari saya. Cukup sekian dan terima kasih.

No comments:

Post a Comment