satuparagraf.com – Berikut ini cara mengapungkan iklan AdSense Anda ke kiri dan ke kanan di blog Anda. Halo para pembaca setiaku. Kali ini bertemu lagi dengan admin yang membahas tentang iklan AdSense. Jadi baca ulasan di bawah ini sampai selesai. Pembaca yang budiman jangan sampai ketinggalan ya nanti rugi karena admin berbagi ilmu dan ilmu dari sobat dmin. Yuk simak ulasannya di bawah ini ya teman-teman dan pembaca.Cara Membuat Iklan AdSense Melayang Di Kiri dan Kanan Blog
iklan di kiri dan kanan blog ini hanya muncul di desktop dengan ukuran perangkat hingga 800px. Ini karena jika dilihat di semua ukuran perangkat, iklan ini menyertakan konten dari perangkat yang lebih kecil seperti perangkat seluler.kami memiliki kode AMP dan kode NON-AMP, jadi yang harus Anda lakukan adalah menyalin kode 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’/>
Demikan sobat uraian 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 .
