
Yahallo minaaa genki desuka? gohan tabemaska? soretomo W A T A S H I? kyaaa bangsat :"v.Ok pada artikel kali ini gw mau sharing tutorial cara memasang sticky ads atau iklan lekat adsense untuk blogger.
Yups , sesuai judulnya sticky ads yang saya racik dengan penuh cinta dan kasih sayang ini tentunya ringan terhindar dari kekejaman jquery , javascript ataupun kode iblis lainnya.
Seperti yang kalian semua tahu bulan lalu Adsense memberikan pembaruan untuk memperbolehkan pemasangan sticky ad/iklan lekat kepada publishernya mungkin beberapa dari kalian dapet email.Nah tentunya kesempatan ini harus dimanfaatkan sebaik mungkin biar penghasilan adsense meningkat.
Ok tanpa banyak colay lagi langsung saja ke tutorialnya.
1.Pertama masuk ke dashboard adsense buat lah unit iklan baru untuk tiper "Horizontal" dengan ukuran 320x50 px(pixel ) atau bisa juga 350x50 px (pixel) .Beri saja judul unit nya Sticky Ad dan salin kodenya.
2.Sekarang pergi ke Blogger> Tema > Edit Html.
3.Cari kode </head> dan letakan CSS berikut tepat diatasnya:
<b:if cond='data:blog.pageType not in {"static_page","error_page"} and data:blog.isMobileRequest == "true" and not data:blog.searchQuery'>
<style>
/*Sticky Ad by ExploitLabs*/
.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:0;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,0.2);margin-bottom:0;padding-top:4px;transition:all .4s ease-in-out}
.sticky-ad-close-button{position:absolute;width:25px;height:25px;top:-23px;left: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:6px;background-color:#fff;background-repeat:no-repeat;border-top-right-radius:8px;box-shadow:0 -1px 1px 0 rgba(0,0,0,0.2);border:none;border-radius:0 12px 0 0;cursor:pointer}
.sticky-ad-close-button:before{position:absolute;content:"";top:-20px;right:0;left:-20px;bottom:0}
</style>
</b:if>
4.Selanjutnya cari kode </body> dan paste kode HTML berikut tepat diatasnya
<b:if cond='data:blog.pageType not in {"static_page","error_page"} and data:blog.isMobileRequest == "true" and not data:blog.searchQuery'>
<div class='sticky-ad' id='sticky-ad'>
<!-- Masukan iklan dibawah ini -->
<button aria-label='Close this ad' class='sticky-ad-close-button' onclick='document.getElementById('sticky-ad').style.display='none';'/>
</div>
</b:if>
Ubah atau tambahkan kode iklan adsense yang sudah kalian buat tadi dibawah kode <!-- Masukan iklan dibawah ini -->
5.Jika sudah klik simpan Tema dan silahkan cek lewat laman mobile/ponsel /smartphone/tablet.
Ok sekian dulu tutorial tentang 'Cara Memasang Sticky Ads Di Blog Ringan" jika ada pertanyaan terkait artikel jangan sungkan untuk berrkomentar , sorejaa sayonaraaa minaaa .
Note: Kalian tidak perlu khawatir lagi karena kode ini tidak akan tampil di laman search , static ataupun error quote dan hanya akan tampil di versi mobile desu yoo, dakara daijobuu datee:v
0 komentar