Halo sahabat CMB. sudah pada tahu Cara Membuat Script Floating ? Apa itu ? Apa kegunaannya ? Dan bagaimana efeknya ? Ayo kita bahas sekarang. Sembari berharap Adsense cepat full approve enaknya berbagi dulu. Ini dia !
Script floating adalah ( gampangnya ) bahasa HTML yang akan menjadikan elemen yang di tuju menjadi melayang di halaman web atau blog. Jadi elemen disini adalah ( biasanya ) bisa gambar atau widget sosial. Elemen tersebut akan terus melayang dan terlihat di layar meskipun tampilan halaman di geser kebawah keatas atau kekanan maupun kekiri.
Kegunaan dari script floating sendiri adalah untuk menampilkan elemen web atau blog yang dianggap penting, misalkan widget sosial atau iklan. Penempatannya bisa kita atur sedemikian rupa agar letaknya tidak menggangu peforma web atau blog kita. Jangan kawatir sangatlah mudah.
Lalu efek dari script floating adalah, ( dari efek negatifnya ) biasanya letak mengikuti layar, jadi kalau layar kecil maka akan menutupi konten web atau blog anda ( jangan khawatir, karena bisa kita minimalkan efek negatif ini dengan tombol close ). Lalu ( dari efek positifnya ) misal kita gunakan untuk menampilkan iklan, maka akan selalu terlihat dan mendatangkan klik yang lebih pada iklan.
Waktunya kita pelajari scriptnya : ini adalah script untuk tampilan kanan dan kiri dengan tobol close.1. Langkah pertama log in blog, buka tata letak, selanjutnya tambah widget.
2. Pilih menu tambah HTML3. Isikan Script Floating seperti dibawah ini :<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:20px;left:10px;">
<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/AVvXsEgNWI1q08sr6hgU8zBnvHtfhPawkIWPa3Yuv-rhZd4TXz7J0oRc51DBQ2N3dCbtVYJAVoE1UVXv46AKLVr18PsePzOKI0tPtwtL0VNx1QjpQjwlZ4bIjiy0CE_zjdHjWlaNzV8b3DhucOsI/s1600/PhoXo2.png'/></center></a></div>
<!--Mulai disini-->
( ganti dengan script yang ingin ditampilkan )
<!--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:20px;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/AVvXsEgNWI1q08sr6hgU8zBnvHtfhPawkIWPa3Yuv-rhZd4TXz7J0oRc51DBQ2N3dCbtVYJAVoE1UVXv46AKLVr18PsePzOKI0tPtwtL0VNx1QjpQjwlZ4bIjiy0CE_zjdHjWlaNzV8b3DhucOsI/s1600/PhoXo2.png'/></center></a></div>
<!--Mulai disini-->
( ganti dengan script yang ingin ditampilkan )
<!--Akhir disini-->
</div>
<!--end: floating ads-->Ganti warna hijau dan kuning : Warna hijau adalah script yang ingin anda tampilkan dan warna Kunig adalah posisi dimana elemen ditempatkan
4. klik Simpan dan selesai.
Sekian untuk hari ini, terima kasih. Baca juga ini kawan :
0 Response to "Cara Membuat Script Floating"
Post a Comment