Cara Membuat Konten Melayang kanan kiri Pada Blog

IMADOES.COM - Cara Membuat Konten Melayang Pada Blog || Membuat konten melayang sering digunakan untuk menempatkan iklan. Atau juga untuk menempatkan share button melayang dimana konten ini akan selalu berada di layar walaupun halaman discroll kebawah. dengan cara ini akan memaksa pengunjung untuk selalu melihat konten tersebut.

Cara membuat konten melayang ini sangat sederhana, dimana prinsipnya hanya hanya menambahkan beberapa list kode. Mari ikuti saja langkahnya

Langkah-langkah cara membuat konten melayang

pertama buatlah atau tentukan layer yang akan dibuat melayang, disini akan saya berikan contoh iklan adsense melayang.
Sign in ke akun Blogger sobat masing-masing.
Masuk ka begian Tata Letak.
Klik tambahkan gadget di kolom widget mana pun.
Pilih mode HTML/Javascript.
Masukan kode berikut.

<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

<!--start: floating ads-->
<div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">
<div><a id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicgW2bHnpNKGRCKlAIadEW40544ei6HJbLC0yBeWqLbOmqVBKwXhwq_mXCfCHz98yPDOAISq2AnMiq54RFExinOJTgBsSESH6PL-FNzRh8NtqXJMQHpuRIxsJsHcjPwXmv5BuBOJAgw87i/s1600/close3.png' alt='close' title='close button'/></center></a></div>
<!--Mulai disini-->
<!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kiri Blog-->
<!--Akhir disini-->
</div>
<!--end: floating ads-->

<!--start: floating ads-->
<div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">
<div><a id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicgW2bHnpNKGRCKlAIadEW40544ei6HJbLC0yBeWqLbOmqVBKwXhwq_mXCfCHz98yPDOAISq2AnMiq54RFExinOJTgBsSESH6PL-FNzRh8NtqXJMQHpuRIxsJsHcjPwXmv5BuBOJAgw87i/s1600/close3.png' alt='close' title='close button'/></center></a></div>
<!--Mulai disini-->
<!--Masukan Script Iklan Di sini Untuk Iklan Melayang di Kanan Blog-->
<!--Akhir disini-->
<!--end: floating ads--></div>

Masukan script iklan yang akan dipasang di bagian kiri blog pada tulisan berwarna merah.
Masukan script iklan yang akan dipasang di bagian kanan blog pada tulisan berwarna biru.
Klik simpan, dan selsesai.

Silakan anda coba trik membuat konten melayang tersebut, anda bisa menggunakannya untuk iklan atau konten lainnya yang ingin selalu dilihat pengunjung.