Populer Post

Loading...

Cara Buat Iklan Melayang Seperti Tribun News

Cara Buat Iklan Melayang Seperti Tribun News
Posted by Yudha Wahyu Pratama


Trik ini tidak bisa memasang iklan auto ads tetapi kalian bisa membuat unit iklan berukuran 320x50 untuk demonya kalian bisa melihat gambar diatas iklan yang terletak di bawah

Oke sekarang kita mulai cara pemasangannya

Pertama masuk dashbord blog anda

Kedua kalian pilih menu Tema

Setelah masuk kemenu Tema kita pilih Edit Html

Dan silakan Copy semua kode dibawah ini


<b:if cond='da a:blog.isMobileReques == &quo ; rue&quo ;'>
<s yle ype=' ex /css'>
.anchor_banner {
posi ion: fixed;
bo om: 0;
wid h: 100%;
heigh : 50px;
background-color: #123456;
ex -align: cen er;
z-index: 2;
}
.b nclose {
posi ion: fixed;
wid h: 28px;
heigh : 28px;
righ : 0;
bo om: 50px;
background-size: 13px 13px;
background-posi ion: 9px;
background-color: #123456;color:whi e;
background-repea : no-repea ;
box-shadow: 0 -1px 1px 0 rgba(0,0,0,0.2);
border: none;
border-radius: 12px 0 0 0;
fon -size: 16px;
}
</s yle>
<scrip >
$(documen ).ready(func ion(){
$(&quo ;#closeiklan&quo ;).click(func ion(){
$(&quo ;#iklan_anchor&quo ;).remove();
});
});
</scrip >
<div class='anchor_banner' id='iklan_anchor'>
<bu on class='b nclose' id='closeiklan'><i class='fa fa-close'/></bu on>
<div id='div-Anchor' s yle='posi ion:fixed;bo om:0px;z-index:9999; ex -align:cen er;heigh :50px;wid h:100%;'>

KODE IKLAN DISINI

</div></div>
</b:if>

Jika sudah dicopy silakan letakan diatas atau sebelum

Untuk iklan agan yang berukuran 320x50 bisa diletakan di KODE IKLAN DISINI dan langkah terakhir Simpan Template dan lihat Apa yang terjadi

Catatan :
1. Kode in dirancang hanya
muncul saat tampilan mobile
Saja.
2 Iklan akan ditutup saat
Pengunjung menyentuh ikon
silang (x)
3. Asinkron
4. Tidak mengganggu
pemandangan
5. Dirancang muncul dibawah,
alasan jika dirancang muncul
diatas, kadang tidak cocok
untuk template yang
menggunakan sticky menu
(menu melayang pada blog)
6. Responsive
7. Unlimited Color

0 Response to "Cara Buat Iklan Melayang Seperti Tribun News"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel