Hai semua sobatku, artikel kali ini Cara Memasang Sticky Ads Di Bawah Pada Blogger dan mari ikuti tutorial memasang Sticky Ads dibawah pada blogger ditulisan saya pada artikel diblog sederhana milik saya ini, dengan memberikan tips-tips beserta tutorial dan juga langkah-langkah untuk dapat sobat lebih mudah menerapkan proses pemasangan Sticky Ads dibawah pada blogger di blog atau situs milik para sobat semuanya.
 |
|
|
Apa Itu Sticky Ads ?
Sticky ads merupakan sebuah type atau bentuk dari floating ads yang tampil diblog atau situs lebih tepatnya dibawah pada blogger, nah sticky ads ialah jenis iklan populer atau sudah sering dikenal para pemilik situs atau blog profesional dan jikalau blog sobat sudah dimonetisasi, maka sobat bisa memasang iklan adsense ditempelkan dibagian sticky ads pada bawah blogger, hal ini akan meningkatkan penghasilan adsense di blog sobat tersebut.
Membuat Sticky Ads Responsive Di Bawah Pada Blogger
Nah, sticky ads yang saya bagikan diartikel kali ini merupakan sticky ads responsif dibawah pada blogger disaat akan dipasang, dan hal ini bermutu sangat baik bisa memicu pendapatan di penghasilan adsense pada blog sobat akan semakin memadai dan bisa gajian setiap bulannya.
Informasi Mengenai Sticky Ads
- Sticky Ads sudah responsif di pc atau ponsel dan juga tablet.
- Nah sticky ads juga sering disebut anchor ads.
- Sticky Ads bisa meningkatkan penghasilan.
- Dapat meningkatkan pengalaman pengunjung yang lebih baik.
Jenis Sticky Ads
Ada begitu banyak jenis sticky ads, namun tidak semua memberikan pengalaman yang baik bagi pengguna.
- Bottom Sticky Ads
- Header Sticky Ads
- Sidebar Floating Sticky Ads
- Sidebar Sticky Ads
- Dan Lain-Lain.
Cara Membuat Sticky Ads Dibawah Pada Blogger
Langkah-Langkah
1. Pertama-tama, sobat terlebih dahulu login keblogger.
2. Masuk kedashboard blogger milik sobat tersebut.
3. Pilih Theme atau Tema.
4. Pilih Edit HTML.
5. Dari Keyboard komputer atau laptop sobat tekan CTRL + F untuk mempermudah pencarian kode tag </body>.
6. Perhatikan kode script yang ada dibawah ini ya sobat dan silahkan salin kode script dibawah ini lalu tempelkan diatas kode tag </body>.
<!– Sticky Ads DiBawah Pada Blogger – GOARNIBLOGMU.MY.ID–><div class=’Pixabin-ads jhfdiuh0′ id=’Pixabin-ads’>
<div class=’Pixabin-ads-close’ onclick=’document.getElementById("Pixabin-ads").style.display="none"’><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=’GOARNIBLOGMU-ads-content’>
<ins class=’adsbygoogle’ data-ad-client=’ca-pub-xxxxxxxxxxx‘ data-ad-slot=” style=’display:inline-block;height:70px;width:100%;line-height:70px;’/><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<script>
var prevScrollpos=window.pageYOffset;function hidenotice(){var currentScrollPos=window.pageYOffset;if(prevScrollpos>currentScrollPos){document.getElementById(“Pixabin-ads”).style.bottom=”0″}else{document.getElementById(“Pixabin-ads”).style.bottom=”-50px”}
prevScrollpos=currentScrollPos}window.onscroll = function() {
hidenotice()
};
</script>
Perhatian :
Seperti tampak kode script diatas untuk saya tandai ca-pub-xxxxxxxxxxx, data-ad-slot silahkan sobat untuk memasukkan kode iklan adsense untuk ca-pub dan ad slot dibagian tersebut.
7. Kemudian sobat cari kode tag <b:skin>.
8. Nah, sobat perhatikan kode script dibawah ini, lalu sobat salin kode yang ada dibawah dan tempelkan tepat diatas kode tag <b:skin> tersebut.
/* Sticky Ads DiBawah Pada Blogger – GOARNIBLOGMU.MY.ID */.Pixabin-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; }.Pixabin-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); }.Pixabin-ads .Pixabin-ads-close svg { width: 22px; height: 22px; fill: #000; }.Pixabin-ads .Pixabin-ads-content { overflow: hidden; display: block; position: relative; height: 70px; width: 100%; margin-right: 10px; margin-left: 10px; }
9. Terakhir, sobat pilih save atau simpan diblogger milik sobat.
10. Lalu akan tampil iklan di sticky ads dibawah pada blogger.
Nah, begitulah kira-kira sobat untuk tutorial kali ini yang dapat saya bagikan pada blog sederhana milik saya mengenai topik pembahasan saya yaitu Cara Memasang Sticky Ads DiBawah Pada Blogger, jadi ketika sobat sudah berhasil memasang sticky ads diblogger sobat tersebut, nantinya sobat akan melihat bahwa sticky ads dibawah sudah tayang, semoga bisa bermanfaat dan membantu, oh iya jikalau ada perkataan saya salah dalam pengucapan diartikel ini, mohon dimaafkan sebesar-besarnya, terimakasih untuk para sobatku semuanya telah berkenan mengunjungi situs atau blog sederhana milik saya ini.
Leave a Reply