membuat iklan melayang dengan tombol close responsif di blogspot
Thursday 28 September 2017
Add Comment
Android Toch articel ini saya buat untuk orang yang lagi kebingungan mencari cari cara membuat iklan melayang di blogspot, membuat iklan melayang di bawah postingan tentu akan meningkatkan penghasilan kita dari membuat atau memasang iklan di bawah postingan memang terbilang sangat mudah dan cuman butuh Javascrip untuk bisa memasang iklan melayang di bawah.
biasanya di terapkan pada blog yang sudah terkenal yang banyak menyediakan space iklan, hanya saja jika iklan ini di pasang dengan lebar 728px atau 970px pasti akan terpotong jika tampil di perangkat mobile/ponsel, nah maka dari itu saya akan membuatnya responsif dengan sedikit CSS,
tertarik untuk membuatnya..?
mari kita mulai membuatnya..
Pembuatan iklan melayang dengan tombol close responsif di blogspot
Login ke blogger edit HTML cari code </body> letakan code di bawah ini tepat di atas nya.
Source Code :
keterangan :
nah gimanah mudahkan membuat iklan melayang dengan tombol close responsif di blogspot, silahkan kamu praktekan. sekian semoga postingan saya kali ini bermanfaat.
jika ada pertanyaan yang perlu di tanyakan silahkan komen di bawah.
biasanya di terapkan pada blog yang sudah terkenal yang banyak menyediakan space iklan, hanya saja jika iklan ini di pasang dengan lebar 728px atau 970px pasti akan terpotong jika tampil di perangkat mobile/ponsel, nah maka dari itu saya akan membuatnya responsif dengan sedikit CSS,
tertarik untuk membuatnya..?
baca juga :
mari kita mulai membuatnya..
Pembuatan iklan melayang dengan tombol close responsif di blogspot
Login ke blogger edit HTML cari code </body> letakan code di bawah ini tepat di atas nya.
Source Code :
<script type='text/javascript'>
$(document).ready(function() {$('img#closed').click(function(){$('#btm_banner').hide(90);});});
</script>
<!--start: floating ads-->
<div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>
<div><a id='close-floatads' onclick='document.getElementById('floatads').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCy2qbnpxCN9F6jpeQ1_T62yCAuELBdUYZc6i6wi7-bL3MWw52p3TZdiTDFwelrsA_A2Gnbd4H3Y9n8cv2ORhKair9jltPY_RHnk2tmz5bDTwF7QKjp4h_gItAzp0MsVdIu5YZ2eDjOLE/s1600/btn_close.gif' title='close button'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<!--Script iklan-->
<a href='https://androidtoch.blogspot.com' title='Banner iklan disini'><img style='max-width:100%;height:auto' alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-R5f_tMy9NJPfbs9dDFGlr3-j2nSZBfVBxrDhsWF2nYTbJ9AIX4fBq_sxMqDr4r-vIro3DcPXjqkPz_ZCLyM8UBKoRySVJa6D_V1cx2zAGkgOC13MI8A8n54oTSpj50t8hmZyN4TRhnM/s1600/advertise-728x90.png'/></a>
<!--Akhir script iklan-->
</div>
</div><!--end: floating ads-->
keterangan :
warna merah bisa kamu ganti sesuai lebar yang kamu inginkan, misal ukuran normal
max-width : 728px; dan di ganti
max-width : 979px;tapi jika ukuran iklan kurang dari 728px saya sarankan jangan mengubah ukuran tersebut.
warna biru itu adalah code barner iklan kamu ganti dan sesuaikan dengan code iklan kamu
nah gimanah mudahkan membuat iklan melayang dengan tombol close responsif di blogspot, silahkan kamu praktekan. sekian semoga postingan saya kali ini bermanfaat.
jika ada pertanyaan yang perlu di tanyakan silahkan komen di bawah.
0 Response to "membuat iklan melayang dengan tombol close responsif di blogspot"
Post a Comment