Friday, August 26, 2016

Memasang Iklan Melayang di Bagian Bawah Blog


Assalamu'alaikum warohmatullahi wabarokatuh. Dalam posting kali ini saya akan membahas tentang bagaimana cara memasang iklan melayang dibagian bawah blog dilengkapi dengan tombol close.

Baiklah langsung saja, silakan buka dashboard blogger sobat, buka Template lalu pilih Edit HTML.


Setelah itu tambahkan kode berikut ini sebelum kode </body>.

<div id='fixedban' style='line-height: 0;width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='//1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' style='vertical-align:middle;' title='Close'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
Kode Iklan
</div>
</div>

Silakan ganti ukuran lebar maksimal dan ganti Kode Iklan dengan kode iklan yang ingin sobat pasang. Saya sarankan jika sobat memasang kode iklan adsense gunakan ukuran yang responsif. Untuk melihat contoh hasilnya silakan lihat disini.

Sebelum memasang kode iklan adsense di blog sobat harus meng-konversi kode tersebut, silakan buka Ads Converter untuk mengkonversi kode iklan sobat.

Mungkin cukup sekian dari saya, semoga bisa bermanfaat, kalau ada yang ingin sobat tanyakan silakan sampaikan pada kotak komentar yang ada dibawah atau bisa juga melalui halaman contact blog ini. Terima kasih, assalamu'alaikum warohmatullahi wabarokatuh.

Sumber : http://www.arlinadzgn.com/2015/10/memasang-widget-iklan-melayang-responsive.html
Disqus Comments