Blogger的侧栏小工具非常好用，不过，有时正文稍微长了点，当访问者向下滚动网站的时候，侧栏小工具就没了，侧边栏就会呈现一片“空白”状态，这就显得网站体验不太好。

解决方法是，我们可以将需要的小工具浮动在侧栏，实现一个流行的浮动侧栏小工具，这样在我们向下滚动的时候，侧栏就会一直有一个浮动的小工具。

效果基本为当页面滚动条在跟随区域下方，那么跟随区域变为浮动，跟随页面滚动；如果滚动条回到元素上方，跟随区域回到原来的位置上。

具体方法是：

先找到侧栏小工具的ID，每个小工具都有一个ID，查看HTML源码可以很容易找到小工具的ID号码。

接下来，登陆Blogger后台，增加一个HTML部件，代码如下：

<script>
bsfloatingwidget("PopularPosts1"); // enter your widget ID here
function bsfloatingwidget(elem) {
    var bsfloat = document.getElementById(elem);
    var scrollee = document.createElement("div");
    bsfloat.parentNode.insertBefore(scrollee, bsfloat);
    var width = bsfloat.offsetWidth;
    var iniClass = bsfloat.className + ' bsfloat';
    window.addEventListener('scroll', bsfloating, false);
    function bsfloating() {
        var rect = scrollee.getBoundingClientRect();
        if (rect.top < 0) {
            bsfloat.className = iniClass + ' bsfloating';
            bsfloat.style.width = width + "px";
        } else {
            bsfloat.className = iniClass;
        }
    }
}
</script>
<style>
.bsfloating {position:fixed; top:0; z-index:9999; box-shadow:10px 10px 4px -5px rgba(0,0,0,0.3);}
</style>

更改代码中的PopularPosts1，将其替换为你的小工具ID即可。通过调整CSS还可定义小工具的样式。