Cho đến thời điểm này đã có ít nhất 3 bạn hỏi làm cách nào để một widget trượt theo thanh cuộn khi widget đó chạm vào điểm trên cùng (Top) của blog/website. Mình cũng đã trả lời comments cũng như email lại cho những bạn đó về vấn đề này rồi. Nhận thấy code trên tuy không phải đột phá gì nhưng cũng có một phần nào đó quan trọng đối với blog/website. Mình đưa ra một ví dụ đơn giản như nếu một bài viết trên blog quá dài, khi kéo thanh cuộn xuống thì phần bên trái/phải sẽ rất trống như vậy về phần thẩm mỹ là không ok lắm phải không? Vậy nếu luôn có một widget chạy theo thì sẽ giải quyết được vấn này rồi

- Tóm tắt các bước thực hiện thủ thuật:
Tạo widget HTML/Javascript mới
coppy code vào HTML/Javascript
chèn nội dung widget vào đúng vị trí.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script src="http://trollfile.googlecode.com/files/menudocblog.js">

</script>

<script>

//initialize sticky content:

jQuery(document).ready(function($){

$('#samplemenu').stickyit({

gap: 5,

stickyclass: "docked"

})

})

</script>

<div id="samplemenu" class="mattblacktabs">Code của widget ở đây</div>

- Thủ thuật này chạy 2 file có đuôi .js . Lời khuyên cho các bạn là khi post lại thủ thuật hay thực hiện thủ thuật nên làm phương án lưu lại để sau này ứng dụng không phải tìm kiếm. Đó là cách mà bạn phát triển blog ngày trở nên chuyên nghiệm hay nói cách khác là Pro hơn.

DOWNLOAD:

http://www.4shared.com/rar/KbfGrhE_/thu_thuat_widget_truot-32kb.html
or
http://www.fileden.com/files/2012/4/20/3294522/thu%20thuat%20widget%20truot-32kb.rar
or
http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
-
http://trollfile.googlecode.com/files/menudocblog.js
or