Cara pasang iklan melayang responsive dengan tombol close

Cara pasang iklan melayang responsive dengan tombol close- Iklan adalah sebagai salah satu sumber penghasilan bagi para blogger sebagai publisher ataupun advertiser iklan. Namun perlu kamu ketahui bahwa memasang iklan yang kurang tepat penempatannya akan mengurangi keuntungan banyaknya klik ataupun pengunjung pengiklan itu sendiri, disini Saya akan membahas bagaimana cara memasang iklan melayang yang responsive dengan tombol close. Jadi nanti iklan yang kita pasang di blog akan responsive dan ada tombol close nya, sehingga tidak akan berpengaruh dan mengganggu pengunjung blog kita, dan merekapun tetap nyaman berlama-lama di blog kita karena iklan yang kita pasang responsive dan juga di lengkapi dengan tombol close.

Nah, sebelum kita lanjut ke cara memasang iklan responsive dengan tombol close di blog maupun webste, kita kenali terlebih dahulu apa yang menyebabkan kamu ingin memasang iklan melayang ? Sebagian besar orang pasti ingin meningkatkan produk dagangannya dengan cara beriklan online dan salah satunya dengan cara memasang iklan di blog maupun websetie. Nah, ada juga tujuan dari memasang iklan adalah untuk mencari uang atau pendapatan dari internet seperti blogger ini. Sekarang sudah jelas kan apa tujuan memasang iklan ? Mari kita lanjut ke cara membuat dan memasang iklan yang melayang di blog dan di lengkapi dengan tombol close.

memasang iklan melayang responsive dengan tombol close

Pertama kamu harus masuk dulu ke dasbord blogger kamu, kemudian pilih Template dan klik tombol Edit template, selanjutnya pastekan script di bawah ini tepat sebelum kode </body>

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:
fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9SU_eWQQP9s5LM_sDob9ELdGcOLxc7dyh_PjXLsYTW2exvA5QTvpcJbbEGOTQH8FvEZbFSF6HAqMrENbfBZ6Py_tWB2kUhyYBkdeiVA8mQibdQKNPxOV5GRERRTZ5B1W0vl5QTJ2ec0nT/s1600/
btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='http://aditw.com/wp-content/uploads/2015/09/Kontes-SEO-REXCO-banner-768x90.jpg'/></a>
</div>
</div>

Jika sudah di paste, atur dulu lebar ukuran iklan yang ingin kamu pasang sesuai keinginan kamu, ganti url gambar dengan url gambar yang kamu inginkan, ganti juga tanda # yang berwarna biru itu dengan link tujuan iklan tersebut. Misalnya ganti dengan url yang menuju ke halaman Google, nanti jika pengunjung kamu mengeklik iklan yang melayang tadi akan di arahkan dan menuju ke halaman Google, nah ganti urlnya dengan url tujuan ya.

Gimana sekarang ? Mudah bukan untuk cara membuat iklan melayang yang responsive dengan tombol close ? Sekarang tinggal nunggu aja apakah pengunjung kamu tertarik untuk mengklik iklan melayang yang baru saja kamu buat. Sekian ya tutorial kali ini, besok Saya update lagi artikel yang pastinya akan sangat berguna dan bermanfaat sekali untuk kamu. Jika masih kebingungan saat memasang iklan melayang yang responsive dan juga ada tombol close yang sudah Saya jelaskan di atas, silahkan di tanyakan dengan cara memberikan komentar kamu di bawah artikel ini. Terimakasih.
Previous
Next Post »