BacaAJA.id – Cara Membuat Iklan AdSense Melayang Di Kiri dan Kanan Blog. Hallo sobat setia bacaaja, bertemu lagi dengan admin yang kali ini akan membahas mengenai iklan adsense yaa sobat. Jadi simak ulasannya dibawah ini sampai habis sobat readers, jangan sampai ketinggalan, nanti kalian rugi karna admin membagikan ilmu dan pengetahuan admin loh sobat. Jadi yuk simak ulasannya dibawah ini sobat readers.
Iklan di kiri dan kanan blog ini hanya muncul di desktop hingga ukuran perangkat 800px. Ini karena jika dilihat di semua ukuran perangkat, iklan ini mencakup konten perangkat kecil seperti perangkat seluler. Kami telah menyiapkan kode AMP dan NON AMP, jadi Anda hanya perlu menyalin kode tersebut dan menempelkannya ke blog Anda.
Cara Membuat Iklan AdSense Melayang Di Kiri dan Kanan Blog
Untuk NON AMP
Simpan kode berikut di widget HTML Blogger dan WordPress Anda.
<style>.fixed-lside,.fixed-rside{
position:fixed;top:60px;width:160px;height:600px;z-index:9999;
}
.fixed-lside{
left:0;
}
.fixed-rside{
right:0;
}
.close-fixedside{
position:absolute;width:160px;height:15px;line-height:15px;font-family:Arial;font-size:10px;font-weight:400;top:-15px;left:0;text-align:center;background:#dedede;color:#333;cursor:pointer
}
@media screen and (max-width:800px){
.fixed-lside,.fixed-rside{display:none;visibility:hidden;}
}
</style>
<div class=”fixed-lside”>
<div aria-label=”Close Ads” class=”close-fixedside” role=”button” tabindex=”0″ onclick=”this.parentElement.style.display="none"”>
CLOSE ADS
</div>
<!– Silah simpan kode iklan di bawah ini –>
</div>
<div class=”fixed-rside”>
<div aria-label=”Close Ads” class=”close-fixedside” role=”button” tabindex=”0″ onclick=”this.parentElement.style.display="none"”>
CLOSE ADS
</div>
<!– Silah simpan kode iklan di bawah ini –>
</div>
Gunakan iklan dinamis 160px x 600px yang unik. Tapi Anda harus menyimpan kode CSS dalam edisi HTML, jika untuk WordPress menyimpan style.php, widget hanya kode HTML.
Untuk AMP
Silahkan simpan CSS berikut di style amp-custom blog Anda.
.fixed-lside,.fixed-rside{position:fixed;top:60px;width:160px;height:600px;z-index:9999;
}
.fixed-lside{
left:0;
}
.fixed-rside{
right:0;
}
.close-fixedside{
position:absolute;width:160px;height:15px;line-height:15px;font-family:Arial;font-size:10px;font-weight:400;top:-15px;left:0;text-align:center;background:#dedede;color:#333;cursor:pointer
}
@media screen and (max-width:800px){
.fixed-lside,.fixed-rside{display:none;visibility:hidden;}
}
Kemudian silahkan simpan di HTML edit diatas kode <body> atau dapat disimpan dalam tata letak dalam widget HTML/JavaScript.
<div class=”fixed-lside” id=”fixed-lside”><div aria-label=”Close Ads” class=”close-fixedside” role=”button” tabindex=”0″ on=”tap:fixed-lside.hide”>
CLOSE ADS
</div>
<!– Silah simpan kode iklan di bawah ini –>
</div>
<div class=”fixed-rside” id=”fixed-rside”>
<div aria-label=”Close Ads” class=”close-fixedside” role=”button” tabindex=”0″ on=”tap:fixed-rside.hide”>
CLOSE ADS
</div>
<!– Silah simpan kode iklan di bawah ini –>
</div>
Gunakan iklan dinamis Anda sendiri berukuran 160 x 600px dan gunakan kode iklan amp berikut :
<amp-ad data-ad-client=’ca-pub-xxxxxxxxxxx’ data-ad-slot=’xxxxxxxxx’ height=’600′ media='(min-width: 801px)’ type=’adsense’ width=’160’/>Akhir Kata
Oke sobat readers semuanya, dapat kalian baca diatas ini, itu lah sedikit penjelasan dan tips dari admin mengenai Cara Membuat Iklan AdSense Melayang Di Kiri dan Kanan Blog. Iklan pada suatu website atau blog sangat mempengaruhi pendapatan kalian, jadi cobalah untuk menggunakan tips dari admin ini. Semoga bermanfaat dan membantu kalian semua sobat setia bacaaja.id.
