Jumat, 09 Februari 2018

Memasang Iklan Billboard Di Blog AMP No Pusing

AdSense - Cara Memasang Iklan Bilboard Di Blog AMP, malem masbrur... hayooo pasti lagi pengen punya Iklan buuuesar di paling atas blog kan yang bisa di tutup oleh pengunjung? Hihi kok tau ris? Ya tau nho sebab saya juga baru saja sukses pasang Iklan Billboard di blog amp,  jadi saya share aja sapa tau masbrur juga mau pasang Iklan bilboard nya.

Awalnya saya sempat puyeng ni masbrur dan cuma bisa liatin senior yang sudah pasang duluan, kok bisa? Ya mau bagaimana lagi, penjelasan bang andhy seperti melayang layang diluar kepala saya masbrur, mungkin efek blogger pemula kali ya jadi belum bisa nangkep apa yang di maksud bang andhy

Tapi saya inget kata beliau khusus pada saya, "berarti mbak belum lulus tes psikologi, sebab amp itu pakai logika" yah itulah komentar beliau waktu saya pusing belajar ganti tema blog ke amp. Berbekal itu saya selalu uji coba trial dan error sampai tadi abis maghrib sukses juga pasang Bilboard nya Hihi. Bagaimana caranya?

Pertama: Silakan masbrur Copy dan Paste kode dibawah ini ke Sebelum  kode /* ingat...!! /* kalau belum faham lihat gambar

 /* Top Banner */
.top_banner{margin:20px auto;padding:0 10px 20px;position:relative;width:100%;max-width:990px;height:auto}
#close_topbanner,#open_topbanner{font-family:Roboto,sans-serif;position:absolute;padding:0;bottom:0;background:0 0;border:none;cursor:pointer;color:#888;font-size:15px;font-weight:500;height:20px;line-height:20px;}
#close_topbanner{right:10px}
#open_topbanner{width:100px;text-align:center;right:50%;margin-right:-50px}
#close_topbanner:focus,#open_topbanner:focus{outline:0}


Kedua copy dan paste kode dibawah ini setelah /nav kenapa disitu?, maksutnya ini adalah navigasi di blog masbrur. Saya juga baru tau karna lagi lagi Pakudin jadi penolong saya, awalnya kode dibawah ini saya paste di bawah /head nampil memang Iklan billboardnya tapi ketika divalidasi jadi tidak valid, makanya di saranin pakudin pasang dibawah /nav .

 <b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;error_page&quot;'><amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxxx' data-ad-slot='xxxxxxxxxx' height='250' layout='fixed-height' type='adsense'></amp-ad><button id='close_topbanner' on='tap:topbanner.hide, close_topbanner.hide, open_topbanner.show' role='button' tabindex='0' title='Close'>Close Ad</button><button hidden='' id='open_topbanner' on='tap:topbanner.show, close_topbanner.show, open_topbanner.hide' role='button' tabindex='0' title='Open'>Open Ad</button></b:if> 


Jangan lupa buat sesuaiin data-ad-client dan data-ad-slot dengan punya masbrur (yang xxx itu masbrur) , Simpan dan lihat hasilnya .... taraaaa iklannya sudah mejeng diatas seperti punya saya kan? Selamat ya masbrur.

Okreee itulah tadi Cara Pasang Iklan Billboard di blog AMP karna sudah selesai jadi saya pamit dulu ya masbrur, see yaa... 😝.


Terimakasih.