Cara Menambahkan Floating Ads di Blogger

Diposting pada
Cara Menambahkan Floating Ads di Blogger

Ads atau iklan merupakan sebuah hal yang penting dalam sebuah website, karena iklan merupakan salah satu sumber pendapatan tertinggi dalam sebuah website.

Karena menjadi sumber yang sangat penting bagi keberlangsungan sebuah website maka akan sangat penting dalam menempatkan iklan dalam sebuah blog atau web. penempatan iklan yang baik maka akan dapat menarik perhatian pembaca dalam menarik perhatian dari iklan tersebut.

Dalam penempatannya sendiri panya tempat atau space yang bisa kita manfaatkan dalam menempatkan sebuah iklan dalam sebuah blog atu website.

Jika kita melihat sebuah web berita seperti web detik, liputan6,atau web berita lainnya sering kita jumpai banyaknya iklan yang menempel melayang di sekitar sidebar ataupun di bagian lainnya pada web tersebut.

nah iklan tersebut dinamakan Floating Ads. Jika anda penasaran mengenai iklan tersebut mari kita bahas pada artikel kai ini.

Daftar Isi

Sekias Mengenai Floating Ads

Sebeum kita membahas mengenai bagai mana cara Menambahkan Floating Sidebar Ads di Blogger maka ada baikinya kita mengetahui apa itu  Floating Sidebar Ads.

Floating Sidebar Ads merupakan sebuah widget yang manampilkan iklan pada halaman web dan apabila kita gulir halaman, maka akan mengikuti tampilan seolah widget tersebut melayang. Ketika anda melihat iklan tersebut, dan anda gulirkan mouse anda kebawah maka iklan akan tetap diam dan tampil sedangkan halaman anda bergerak.

Adapun tujuan dari pemasangan iklan tersebut ialah untuk memperbesar pemasukan supaya iklan dapat terlihat oleh pembaca, sehingga nantinya akan menambah pemasukan atau pendapatan dari iklan tersebut. Tentunya akan sangat menarik apabila kita dapat memasang iklan tersebut pada web atau bog kita.

Pada umumnya anda melihat jenis iklan ini sering digunakan pada sebagian besar situs web berita ataupun situs web yang mengulas sebuah produk, sehinga lebih meningkatkan CTR ataupun CPM sebuah iklan. Sehingga jika Anda memasang Iklan Mengambang di situs web Anda, maka Anda akan mendapatkan lebih banyak penghasian.

Floating Sidebar Ads juga disebut sebagai iklan utama, karena melekat pada layar. Pada umumnya  tersedia di desktop dan perangkat seluler. Namun, ketika menerapkan iklan di situs web Anda mungkin tidak selalu menjadi pilihan terbaik, karena dapat menggangu pandangan pembaca sehingga pebaca akan kabur dali laman web anda.

Oleh karennya, jika Anda seorang blogger yang baik, maka tentunya anda harus mengetahui  jenis Iklan dengan baik. Baik itu Iklan AdSense atau Iklan Platform lainnya, bagaiman penempatan yang baik sehingga tidak menggangu pandangan pembaca dan juga bagaimana mengatur iklan yang baik pada blog anda supaya tidak menghalangi pembaca ketika membaca sebuah utasan dari blog anda .

Untuk peletakanya sendiri umunya dapat meletakan pada bagian sidebar (kanan- kiri) ataupun bagian atas dan footer. nah karena bagian atas umunya sering tidak digunakan maka pada kali ini saya akan membahas bagaimana memasang pada bagian sidebar dan bagian footer.

Baca juga  Cara Membuat Related Post Blogger

Cara Menambahkan Floating Sidebar Ads di Blogger

Pada dasanya Floating Sidebar Ads memiliki beberapa penempatan. Seperti Pempatan iklan mengambang di bagian atas kanan kiri ataupun bawah. Untuk iklan yang berada di  kedua sisi halam web kita. biasanya kita mengenalnya sebagai iklan mengambang di sidebar blogger. Untuk memasang pada bagian sidebar maka bisa ikuti langkah dibawah ini.

1. Masuk ke dashboard Blogger

Pertama-tama Anda harus masuk ke dashboard Blogger. kemudian kik tata letak dan klik gadget dan HTML/JavaScript.

2. Tambahkan Kode HTML

Sekarang Anda dapat menyalin kode HTML di kotak di bawah ini.

<style scoped='' type='text/css'>
.fixed-leftSd,.fixed-rightSd{position:fixed;top:60px;width:160px;height:600px;z-index:9999;transform:translateZ(0)}
.fixed-leftSd{left:0}
.fixed-rightSd{right:0}
.close-fixedSd{position:absolute;width:160px;height:15px;line-height:15px;font-size:11px;font-weight:400;top:-15px;left:0;text-align:center;background:#e0e0e0;color:#666;padding:5px 0;cursor:pointer}
@media screen and (max-width:800px){.fixed-leftSd,.fixed-rightSd{display:none;visibility:hidden;}}
</style>
<div class="fixed-leftSd">
<div aria-label="Close Ads" class="close-fixedSd" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">
CLOSE ADS
</div>
----Enter Ads Code----
</div>
<div class="fixed-rightSd">
<div aria-label="Close Ads" class="close-fixedSd" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">
CLOSE ADS
</div>
----Enter Ads Code----
</div>

3. Masukan kode iklan

jika sudah  anda menyain kode tersebut maka anda dapat memasukan / menempelkan Kode Iklan Anda pada bagian

—-Enter Ads Code—- .

4. Save tema yang telah ditambahkan kode HTML/JavaScript

Jika sudah maka Anda tinggal menyimpan kode dan  Sekarang Floating Ads Anda telah berhasil disimpan di sidebar Blog Blogger Anda.

Cara Menambahkan Footer floating Ads di Blogger

Sticky Ads sangat bagus dalam meningkatkan visibilitas dan sering kali menghasilkan pendapatan iklan yang tinggi, tetapi iklan tersebut juga dapat memberikan pengalaman pengguna yang buruk bergantung pada apakah iklan tersebut menghalangi pengguna untuk melihat konten Anda atau tidak.

Beberapa penayang mengklaim memperoleh sebagian besar pendapatan mereka dari  footer foating ads . Sekali lagi, ini dapat bervariasi antar penerbit, dan banyak variabel dapat memengaruhi pendapatan iklan. Oleh karenanya untuk pemasangannya sebagai berikut :

1. Masuk ke dashboard Blogger

Pertama-tama Anda harus masuk ke dashboard Blogger. kemudian kik Tema dan klik Edit HTML.

2. Tambahkan Kode HTML

Jika Anda ingin memasang iklan lengket di blog Anda, ikuti kode yang diberikan di bawah ini.
Cari kode </body> tag ini pada template Anda dan paste kode berikut tepat di atasnya.

<script type='text/javascript'>
$(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').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("fixedban").style.display = "none";' style='cursor:pointer;'><img alt='close' src='https://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'>

<!-- paste ads-->

</div>
</div>

3. Masukan kode iklan

jika sudah  anda menyain kode tersebut maka anda dapat memasukan / menempelkan Kode Iklan Anda pada bagian

<!– paste ads–>.

4. Save tema yang telah ditambahkan kode HTML/JavaScript

Jika sudah maka Anda tinggal menyimpan kode dan  Sekarang Floating Ads Anda telah berhasil disimpan di foter Blogger Anda.

Mungkin sekian penjelasan artikel kali ini apabila ada yang ingin ditanyakan dapat ditanyakan di bagian komentar.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *