CARA MEMBUAT IKLAN RESPONSIVE MELAYANG DENGAN TOMBOL CLOSE DI BLOGGER

ONEPOIN.COM - Hallo sahabat blogger apa kabar semua ? ya semoga kita sehat-sehat semua ya. pada kali ini onepoin akan membagikan sebuah tutorial sederhana yaitu bagaimana cara membuat iklan responsive melayang dengan tombol close seperti gambar yang ada di atas.

Nahh bagi sobat blogger semua yang berminat untuk memasanag iklan responsive melayang di blog nya masing-masing bisa mengikuti langkah-langkah d bawah ini :

• Masuk ke akun blogger anda masing-masing

Pilih Menu Template ===> Edit Template ===> kemudian tambahkan kode di bawah ini sebelum kode </body>

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='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='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='http://3.bp.blogspot.com/-9h86Fhn6zZU/VhtxRDTM4qI/AAAAAAAADK0/fQN3Z00kWwk/s1600/arlina-tea.png'/></a>
</div>
</div>

• Ganti lebar dan keterangan iklan pada kode yang di tandai di atas dengan sesuai keinginan anda masing-masing.

• Demikian cara membuat iklan responsive melayang dengan tombol close di blog, sekian dari saya semoga bermanfaat.

CONTOH DEMO SEPERTI IKLAN DI BAWAH INI :

Sumber : http://www.arlinadzgn.com

Tweet

Subscribe to receive free email updates: