
Selamat malam teman-teman semuanya, malam hari ini saya akan memberikan tutorial Bagaimana caranya membuat widget berhenti saat scroll diarahkan ke bawah.
Nah teman-teman semuanya tutorial ini sangat berfungsi sekali ketika kita menggunakannya pada Google Adsense atau pengiklan yang lainnya, nah tentunya harus kalian harus sedikit mengerti tentang bahasa HTML tidak susah kok yang penting kalian sedikit memahaminya saja InsyaAllah bisa.
Langsung saja kita mulai untuk mempersingkat waktu, yang pertama silahkan kalian masuk ke dasbor blogger kalian, kemudian silahkan kalian masuk ke menu themes, kemudian pilih edit HTML. Pada menu pilihan ini kalian bisa melihat kode HTML dari blog kalian nah kemudian Silakan cari Kalian cari kode berikut ini </ body>, untuk mempermudah silahkan kalian tekan CTRL + F saja atau menu pencarian untuk mencari </ body> agar lebih mudah kalau sudah ketemu silahkan kalian Letakkan kode berikut ini tepat di atas </ body> berikut kodenya :
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<SCRIPT>
$(document).ready(function() {
var div = $('#YOUR_WIDGET_ID');
var start = $(div).offset().top;
$.event.add(window, "scroll", function() {
var p = $(window).scrollTop();
$(div).css('position',((p)>start) ? 'fixed' : 'static');
$(div).css('top',((p)>start) ? '0px' : '');
});
});
</SCRIPT>
Kemudian silakan kalian ganti pada tulisan “YOUR_WIDGET_ID” dengan Widget ID kalian yang ingin kalian gunakan sebagai banner berhenti ketika Scroll diarahkan ke bawah, kalau sudah kemudian klik tombol simpan selesai, cukup mudah ya teman-teman nah silahkan kalian coba!
Mungkin hanya itu yang bisa saya sampaikan semoga berhasil terima kasih.
No comments:
Post a Comment