Cara menambahkan Sticky Ads di Blogger

Cara menambahkan Sticky Ads di Blogger

Apakah Anda ingin Menambahkan Iklan Lengket Bawah di Blogger? Ikuti langkah-langkah di bawah ini hati-hati untuk Menambahkan Iklan Lengket Bawah di Blogger, dan buat tampilan blog blogger Anda luar biasa, pertama mari kita pahami Apa itu Iklan Lengket dan Apa Itu membutuhkan Iklan Tempel?

Apa itu Iklan Melekat?

Iklan Tempel bisa menjadi iklan tetap yang tetap terlihat dalam waktu yang sama posisi tidak peduli pengguna menggulir konten. Ini biasanya digunakan di header, footer, bilah kiri/kanan, bilah sisi kiri & kanan.

Apa perlunya Sticky Ads?

Sticky Ads membantu Anda menempatkan dan menekankan iklan Anda di dalam dan di luar tata letak situs web Anda. Dengan Iklan Tempel Anda akan menghasilkan iklan jangkar, yaitu selalu terlihat di jendela browser. Dengan bantuan Iklan Tempel, Anda dapat menampilkan iklan yang tidak menggulir dengan layar.

Bagaimana Cara Menambahkan Iklan Lengket Bawah di Blogger?

Saya akan memandu Anda untuk Menambahkan Iklan Lengket Bawah di Blogger, Oke, mari kita mulai!

Langkah 1. Pertama, Anda harus masuk ke dasbor Blogger yaitu Blogger.com.

Langkah 2. Buka Bagian Tema dan Klik Tombol Edit HTML.

Langkah 3. Salin Kode CSS yang diberikan di bawah ini.

/* Sticky Ads */
.sticky-button{position:fixed;bottom:0;right:20px;width:50px;height:50px;border-radius:50px;background-color:#fdd929;box-shadow:0px 4px 12px 0 rgba(9,32,76,.05);z-index:20;overflow:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
.sticky-button.sticky{bottom:20px;opacity:1;visibility:visible}
.sticky-button > *{display:flex;align-items:center;height:100%}
.sticky-button > * svg{margin:auto;fill:inherit}
.sticky-ad{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-ad .sticky-adClose{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)}
.sticky-ad .sticky-adClose svg{fill:#767676}
.sticky-ad .sticky-adContent{flex-grow:1;overflow:hidden;display:block;position:relative}
.sticky-adInput:checked + .sticky-ad{padding:0;min-height:0}
.sticky-adInput:checked + .sticky-ad .sticky-adContent{display:none}

Langkah 4. Tempel Kode CSS di atas ]]></b:skin> tag.

Langkah 5. Salin Kode HTML yang diberikan di bawah ini.

<!--<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>-->
<input class='sticky-adInput hidden' id='sticky-adIn' type='checkbox'/>
<div class='sticky-ad' id='sticky-ad'>
<label class='sticky-adClose' for='sticky-adIn'><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'></path></svg></label>
<div class='sticky-adContent'>
<!--<div class='ads-here' style='display:block;height:60px'/>-->
<ins class='adsbygoogle' data-ad-client='ca-pub-1234567891234567' data-ad-format='horizontal' data-ad-slot='3466897794' data-full-width-responsive='false' style='display:block;text-align:center'></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
</div>
<!--</b:if>-->

Langkah 6. Tempelkan Kode HTML di atas tag </body> .

Langkah 7. Ubah bagian yang ditandai dengan ID Penayang AdSense Anda dan ID Slot Iklan AdSense.

Langkah 8. Klik Simpan!

Kesimpulan

Jadi teman-teman, bagaimana Anda menyukai postingan ini di Tambahkan Iklan Tempel Bawah di Blogger? Sekarang Anda harus memahami Cara Menambahkan Iklan Sticky Ads Bawah di Blogger.

Beri tahu kami bagaimana perasaan Anda tentang artikel ini tentang Cara Menambahkan Iklan Melekat Bawah di Blogger? dengan menulis komentar sehingga kita juga dapat memiliki kesempatan untuk belajar dan meningkatkan sesuatu dari ide-ide Anda.

  • Cara Membuat Sticky Ads, Blogger, suyachan, suyachan.my.id, Tutorial Membuat Sticky Ads.

See Also :