Cara Menambahkan Iklan Sticky Ads di Blogger

cara menambahkan sticky ads di blogger

Fighaz Mc, AdSense - cara menambahkan sticky ads di blogger. Halo Semuanya, pada postingan kali ini saya akan membagikan cara membuat iklan sticky di blogger. Salah satu media pemasaran yang paling banyak digunakan untuk mempromosikan produk dan jasa adalah internet. Dengan berbagai survei yang dilakukan, pengguna internet diproyeksikan meningkat dari tahun ke tahun.

Tingkat penggunaan yang tinggi tentu berdampak positif bagi pengiklan dan penerbit. Pembuat konten dapat dengan mudah menghasilkan uang dari semua yang mereka lakukan, baik itu menulis atau video. Sedangkan bagi pelaku usaha, akses internet yang tinggi dapat menjadi daya tarik untuk menjangkau lebih banyak calon pelanggan.

Nah, salah satu tempat yang sering menampilkan iklan produk dan jasa adalah halaman blog. Ya, blog memang menjadi media yang kokoh bagi para pengiklan untuk mempromosikan produknya. Melihat ke belakang sebagai seorang blogger, pasti beriklan sudah menjadi hal yang sangat penting. Periklanan merupakan metode yang sering digunakan untuk meningkatkan pendapatan.

Salah satunya adalah jenis dan lokasi iklan. Penting bagi Anda untuk mengoptimalkan iklan di blog Anda untuk menghasilkan pendapatan. Dengan mengingat semua hal ini, dalam posting hari ini, saya akan membagikan cara menambahkan iklan tempel bawah di blogger.

Apa Itu Iklan Sticky Ads ?

Iklan melayang adalah iklan yang umumnya muncul secara permanen (Mengambang) pada posisi yang telah ditentukan.

Bahkan jika pengunjung menggulir ke bagian bawah halaman blog atau situs web, iklan akan tetap ada tanpa mengikuti Slide.

Anda dapat mengatur penempatan iklan ini sesuai keinginan Anda. Tapi saya akan secara khusus mengaturnya hanya di bagian bawah halaman.

Anda mungkin memiliki pertanyaan, apakah floating ads tidak melanggar kebijakan Adsense? Google mengklarifikasi dalam klarifikasi bahwa itu baik-baik saja selama tampilan iklan tidak melebihi sepertiga halaman.

Inilah sebabnya mengapa ukuran iklan yang digunakan selalu kecil. Bukan hanya soal kebijakan, biasanya pembaca juga sering direpotkan dengan unsur-unsur yang hampir menutupi halaman.

Jika Anda ingin memasang iklan mengambang di situs web Anda, maka Anda dapat membaca postingan tersebut sampai akhir.

Cara Menambahkan Iklan Sticky Ads di Blogger

Buka Akun AdSense Anda.
Setelah Klik Bagian Iklan.
Kemudian Pilih Tampilkan iklan dan Buat 728×90Unit Iklan Baru.
Kemudian Login & Buka Akun Blogger Anda.
Sekarang Klik Menu Tema.
Setelah Klik Edit Html.
Kemudian Tempel Kode Css yang Diberikan Di Atas Tag </head>

<style type="text/css">
.bottom-sticky-ads{position:fixed;bottom:0;left:0;width:100%;min-height:70px;max-height:200px;padding:5px 0;box-shadow:0 -6px 18px 0 rgba(9,32,76,.1);-webkit-transition:all .1s ease-in;transition:all .1s ease-in;display:flex;align-items:center;justify-content:center;background-color:#fefefe;z-index:20;}
.sticky-ads-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:12px 0 0;position:absolute;right:0;top:-30px;background-color:#fefefe;box-shadow:0 -6px 18px 0 rgba(9,32,76,.08);}
.bottom-sticky-ads .sticky-ads-close svg{width:24px;height:24px;fill:#000;}
.bottom-sticky-ads .sticky-ads-content{overflow:hidden;display:block;position:relative;height:70px;width:100%;margin-right:10px;margin-left:10px;}
</style>

Kemudian Salin Kode yang Diberikan dan Letakkan Di Atas Kode </body>

<div class='bottom-sticky-ads' id='bottom-sticky-ads'>
<div class='sticky-ads-close' onclick='closeads()'><svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg></div>
<div class='sticky-ads-content'>
<ins class="adsbygoogle"
     style="display:inline-block;height:70px;width:100%;line-height:70px;"
     data-ad-client="ca-pub-xxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxxx"></ins><script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
function closeads() {
document.getElementById('bottom-sticky-ads').style.display='none';
}
//]]>
</script>

Info: Ubah Id ca-pu yang Ditandai dan Id ad-slot

Terakhir, Jangan Lupa Klik Save Theme dan Lihat Hasilnya.

Sekian Cara Menambahkan Iklan Sticky Ads di Blogger,

Selamat mencoba..!!!

Fighaz Mc Halo!, Saya suka menulis di blog, sebuah ruang pribadi saya untuk berbagi tips, informasi, dan pengetahuan seputar dunia internet dan teknologi. Mari jelajahi dunia digital bersama!