Cara pasang iklan melayang dengan tombol close

Masih berhubungan dengan tutorial pemasangan iklan di blog.
Pada kesempatan kali ini saya akan coba membahas cara membuat tampilan iklan melayang dengan tombol close yang mengambang di bagian bawah blog. Bentuk tampilan iklan ini dimaksudkan agar iklan bisa tetap tampil sekalipun halaman postingan digeser ke atas ataupun ke bawah.
Iklan,blog,melayang
Seperti pada gambar yang saya ambil dari blog informasi dapat anda lihat seperti apa tampilannya,untuk bentuk iklan tentunya menyesuaikan dengan iklan yang dipasang dan tampilan iklan baru akan hilang apabila pengunjung blog mengklik tombol close yang terdapat pada bagian atas tampilan iklan tersebut.
Kalau bisa sih yang di klik bukan tombol close-nya ya,tapi tampilan iklannya 🤗. Kalau yang di klik tampilan iklannya kan lumayan buat nambah-nambah penghasilan admin 😂.

Kembali ke tofik pembahasan,adapun cara pemasangannya adalah sebagai berikut.

Silahkan copy script code di bawah ini

<b:if cond='data:blog.searchQuery'> <b:else/> <b:if cond='data:blog.pageType != &quot;error_page&quot;'><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/AVvXsEib4jPDATVh3JgRyUscchdyLfiz4vv4GmEMYRuk1BfSamLYKLK80F-hqDmCvxY1-jzypwuZWgv_MIXcYJmti1aXxPr4UrEt3hB9mwhM9D6aENydImEOopFUO6H2A0BKzLKFblii6pDuo8I/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'>Masukan script iklan disini</div> </div><!--end: floating ads--> </b:if></b:if></div>

Catatan: gunakan iklan dengan format Full banner (320x50,468x60 atau 728x90) agar tampilan iklan tidak terlalu besar.

Kalau sudah,jangan lupa PARSE kode iklan terlebih dahulu untuk mengantisipasi terjadinya kesalahan atau error.
Sekarang silahkan masuk ke akun blogger kemudian pilih menu tema dan selanjutnya klik edit html.
Cari kode </body> dan letakan kode script tersebut tepat di atasnya. Jika sudah selesai,silahkan simpan dan lihat hasilnya pada tampilan blog kalian.
Catatan : apabila iklan tidak muncul,kemungkingan ukuran iklan yang kalian pasang terlalu besar atau panjang. Silahkan sesuaikan ukuran iklannya terlebih dahulu sebelum kalian memasangnya di blog kalian masing-masing.


Tidak ada komentar:

Posting Komentar