CSS chèn thông báo / quảng cáo cố định trên blog

Chắc hẳn các bạn đã biết hoặc nghe về sticky widget - loại widget nằm cố định trên một vị trí nào đó trên blog. Hôm nay mình sẽ chia sẻ một dạng sticky widget có thể nằm ở bất cứ đâu trên blog theo ý của bạn, hơn nữa nó được viết bằng CSS nên rất nhẹ, không ảnh hưởng đến tốc độ load trang.

Sau đây là các bước thực hiện thủ thuật:

Bước 1: Tại trang quản trị blog, các bạn vào Bố cục, tạo một tiện ích HTML/JavaScripts.
Bước 2: Dán đoạn code sau vào phần nội dung:

<!--Floating Widget by kjmagic.blogspot.com-->
<style type='text/css'>
#kjfloatingwidget{ position:fixed;_position:absolute;bottom:0px; right:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
</style>
<div id="kjfloatingwidget">
Code widget, thông báo hoặc quảng cáo của bạn
</div>
<!--/Floating Widget by kjmagic.blogspot.com-->

Có thể thay 'bottom' thành 'top', 'right' thành 'left' theo ý thích của bạn.

Chúc thành công !