Cara Membuat Iklan Melayang Responsive dengan Tombol Close di Blog

Cara Membuat Iklan Melayang Responsive dengan Tombol Close di Blog-Sebelumnya saya telah membahas mengenai Kumpulan widget-widget keren. Dan kali ini Algofixs akan berbagi tutorial mengenai Cara Membuat Iklan Melayang Responsive dengan Tombol Close di Blog.
Baca juga Cara Membuat Blog/Website Menjadi Aplikasi Android Terbaru

Untuk menambah penghasilan anda lewat blog, salah satunya adalah dengan cara membuat sebuah iklan melayang.
Lalu apa manfaatnya jika shobat memasang iklan melayang dengan tombol close di Blog?

1. Sebagai media Promosi Produk
2. Sebagai Promosi Konten
3. Sebagai promosi jasa

Anda tidak perlu kawatir akan beban blog anda, Widget ini sangatlah ringan dan yang pasti responsive. Jika sobat berminat silakan ikuti langkah-langkah berikut ini.
Baca juga 7 Situs Penyedia Iklan CPM Terbaik Tahun Ini

Cara Membuat Iklan Melayang Responsive dengan Tombol Close di Blog

• Masuk ke akun Blogger anda
• Pada menu dashboard pilih Template
• Klik Edit HTML
• Cari kode </body>, Untuk lebih mudahnya silakan gunakan CTRL + F
• Letakkan Kode ini tepat di atas </body>
• Jangan lupa tekan save

<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/AVvXsEiJGbG-8XZU_qiDTNRPtrTFbAIzsaJZMYDt_pbpv_iQE77_XPQz4L2SGBhiIxT8FS8_sz5AhKQ-_ZOZBcRRWxiM4vNSBvaGShbjty4fQQdIohIzkbiwlY73c93DpzvbLKEO8zefzMbcmmmV/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='Masukkan URL Iklan anda di sini'/></a>
</div>
</div>

•  Masukkan Url Iklan anda di tulisan yang saya beri tanda warna merah.

Mudah bukan Cara Membuat Iklan Melayang Responsive dengan Tombol Close di Blog, semoga artikel Algofixs yang sederhana ini bermanfaat untuk anda.
Baca juga Cara Memasang Widget Headline Breaking News di Blog

Share :