Cara Membuat Iklan Melayang di Blog dengan Tombol Close

Cara Membuat Iklan Melayang di Blog – Sebagai seorang blogger tentunya sangat berharap bahwasannya blog yang mereka buat dapat diterima Google Adsense agar dapat menampilkan iklan dan mendapatkan uang dari iklan tersebut. Bahkan, banyak sekali dari mereka yang selalu rutin dalam melakukan update artikel setiap harinya agar mendapatkan trafik yang banyak agar dapat diterima oleh Google Adnsense. Sebagaimana yang sudah diketahui, dengan memiliki banyak trafik organik tentunya akan memudahkan mereka dalam menghasilkan uang dari blog lantaran banyaknya jumlah klik dari para pembaca.

Berbicara mengenai penghasilan dari seorang blogger memang tak hanya berkaitan dengan Google Adsense saja, melainkan ada banyak sekali jaringan periklanan atau alternatif Google Adsense yang dapat digunakan oleh seorang blogger seperti MGID, Optad360, A-Ads, dan masih banyak lagi. Umumnya, jaringan periklanan tersebut memiliki cara kerja yang tidak jauh dengan google adsense yakni berupa tayangan per seribu dan juga dari jumlah klik dari pembaca blog. Sehingga, semakin banyak jumlah klik dari pembaca, maka semakin banyak pula penghasilan yang di dapat.

Bahkan saat ini sudah ada banyak sekali blogger sukses dan menjadikan blogger sebagai pekerjaan utama dan sangat menjanjikan di perkembangan teknologi yang kian semakin maju ini. Hal tersebut memang sangat wajar dikarenakan blog mereka memiliki jumlah trafik ribuan bahkan puluhan ribu sehari, dengan begitu jumlah kliknya pasti lebih tinggi dibandingkan seorang blogger pemula yang baru saja terjun di dunia blogger.

Setiap blogger pemula tentunya berharap bahwa blog yang mereka kelola mendapatkan jumlah klik yang sangat banyak. Namun, hal tersebut tidak sesuai dengan kenyataan lantaran banyak dari pembaca mereka yang enggan dalam melakukan klik iklan sebagai tanda terimakasih sebagai referensi dan sejenisnya. Oleh karena itu, banyak dari mereka yang mencari cara lain dalam meningkatkan jumlah klik yakni dengan cara membuat iklan melayang di blog atau membuat floating ads responsive di blogger.

Perlu ditekankan kembali bahwasannya dengan menggunakan floating ads atau iklan melayang ini tidak menjamin jumlah klik Google Adsense Anda semakin meningkat. Namun, cara ini tergolong sangat ampuh dalam mencari jumlah klik meski tidak begitu banyak. Akan tetapi, hal ini tidak menjadi masalah besar daripada tidak mendapatkan jumlah klik sama sekali.

3 Cara Membuat Iklan Melayang di Blog

Berikut ini saya akan membagikan sebuah tutorial mengenai cara membuat iklan melayang di blog agar responsive. Sebenarnya, sudah banyak sekali tutorial ini beredar di internet, akan tetapi kebanyakan kurang responsive atau tidak sesuai dengan template yang Anda gunakan. Oleh sebab itu, saya akan membagikan sebuah floating ads atau iklan melayang sebuah script floating ads yang telah ditambahkan beberapa sentuhan CSS. Tak hanya itu saja, saya juga telah menyediakan berbagai macam floating ads yang dapat Anda gunakan.

1. Silahkan buka akun Blogger yang Anda miliki.
2. Selanjutnya silahkan masuk ke menu “Tema” dan pilih “Edit HTML”.
3. Kemudian silahkan cari kode </body>.
4. Lalu silahkan letakkan kode script floating Ads yang akan saya berikan di bawah ini tepat di atas kode tersebut.
5. Simpan Tema.
6. Setelah itu Anda sudah bisa melihat hasilnya.

1. Floating Ads ala Median UI

<style>.sticky-ad{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:visible;position:fixed;text-align:center;bottom:-104px;left:0;width:100%;z-index:999;max-height:104px;background-image:none;background-color:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,.2);margin-bottom:0;padding-top:4px;transition:all .4s ease-in-out}.sticky-ad-close-button{position:absolute;width:28px;height:28px;top:-28px;right:0;background-image:url("data:image/svg+xml;charset=utf8,%3csvg width='13' height='13' viewBox='341 8 13 13' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%234F4F4F' d='M354 9.31L352.69 8l-5.19 5.19L342.31 8 341 9.31l5.19 5.19-5.19 5.19 1.31 1.31 5.19-5.19 5.19 5.19 1.31-1.31-5.19-5.19z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-size:13px 13px;background-position:9px;background-color:#fff;background-repeat:no-repeat;box-shadow:0 -1px 1px 0 rgba(0,0,0,.2);border:none;border-radius:12px 0 0 0;cursor:pointer}.sticky-ad-close-button:before{position:absolute;content:"";top:-20px;right:0;left:-20px;bottom:0}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:active,:focus{outline:0}</style>
<div class="sticky-ad" id="sticky-ad">
<!-- Floating Ads Start-->
PASTE DISINI SCRIPT GOOGLE ADSENSE
<!-- Floating Ads End-->
<button aria-label="Close this ad" class="sticky-ad-close-button" onclick="document.getElementById('sticky-ad').style.display='none';"></button>
</div>
<script>window.addEventListener("scroll",function(){var t=document.getElementById("sticky-ad");window.pageYOffset>300&&(t.style.bottom="0")},!1);</script>

2. Floating Ads by Arlina Code

<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;left: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='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/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'>
<!-- Floating Ads Start -->
PASTE SCRIPT IKLAN DISINI
<!-- Floating Ads End-->
</div>
</div>

3. Floating Ads by Zuamsyah

<script>window.onload = function(){ document.getElementById('closefloat').onclick = function(){ this.parentNode.parentNode.parentNode .removeChild(this.parentNode.parentNode); return false; }; };</script>
<div class="fb-btn-zuamsyah"><div class="fb-btn-zuamsyah2">
<!-- Floating Ads Start-->
PASTE DISINI SCRIPT GOOGLE ADSENSE
<!-- Floating Ads End -->
</div><span id="closefloat"><svg style="height:14px;width:14px" viewbox="0 0 24 24"><path d="M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12L20 6.91Z" fill="white"></path></svg></span></div>
<style>#closefloat{cursor:pointer;font-size:5px;position:absolute;right:0;top:40%;background:rgba(1,0,1,.4);padding:2px 2px 0 2px;border-radius:50% 0 0 50%;z-index:8}.fb-btn-zuamsyah{border-radius:5px;background:rgba(1,0,1,.4);position:fixed;bottom:0;left:0;z-index:9;box-shadow:0 1px 4px rgb(0 0 0 / 20%);display:block;-moz-animation:atas 10s;-webkit-animation:atas 10s;animation:atas 10s;border-radius:2px;width:100%;max-width:720px;max-height:100px}.fb-btn-zuamsyah2{-moz-animation:atas 10s;-webkit-animation:atas 10s;animation:atas 10s;position:relative}.fb-btn-zuamsyah a:link,.fb-btn-zuamsyah a:visited{color:#fff}.fb-btn-zuamsyah a:hover{color:#fff}.post-body h2{display:block;padding:5px 22px;background:#636363;color:#fff;font-size:1.45rem;border-radius:4px;box-shadow:grey 0 2px 5px}</style>

Keunggulan Menggunakan Floating Ads

• Meningkatkan Jumlah Klik.
• Meningkatkan Penghasilan Google Adsense.
• Tampilan Responsive.
• Memiliki Tombol Close.
• Tidak Mengganggu Pembaca.

Akhir Kata

Itulah kiranya pembahasan kali ini mengenai cara membuat iklan melayang di blog yang dapat saya sampaikan. Mudah-mudahan dengan adanya artikel di atas bisa membantu Anda dalam meningkatkan jumlah klik Google Adsense agar cepat gajian. Oh iya, floating ads yang sudah diberikan di atas tentunya sudah work dan sangat aman digunakan lantaran memiliki tombol close. Sehingga, tidak memaksa pembaca untuk melakukan klik iklan tersebut. Selamat mencoba!