วิธีทำให้ widget ของ blogger ปักไว้ตลอดเวลา
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var ks_widget_top = $('#widget Id').offset().top;
var ks_sticky_widgets = function(){
var ks_current_top = $(window).scrollTop();
if (ks_current_top > ks_widget_top) {
$('#widget Id').css({ 'position': 'fixed', 'top':0, 'z-index':999999 });
} else {
$('#widget Id').css({ 'position': 'relative' });
}
};
ks_sticky_widgets();
$(window).scroll(function() {
ks_sticky_widgets();
});
});</script>
การปรับแต่งก็คือ ให้เราเข้าไปดู widget ที่เราต้องการจะปักไว้ โดยสังเกตที่ชื่อโค๊ดของอันนั้นครับ
เอามาแทนที่ตัวอักษรสีแดงในโค๊ดข้างบนได้เลยครับ สังเกตจะเห็น เช่น HTML1 หรือ HTML2 เพียงเท่านี้เราก็จะมี widget ปักไว้ข้างๆ ตลอดเวลาที่เราเลื่อนหน้าจอดูบล็อคของเราแล้วครับ
ไม่มีความคิดเห็น: