移植 MG12 侧边栏指定区域跟随页面滚动

在 Pyralabs（曾经的） Blogger 主题模板增加了代码，用 MG12 的产品实现侧边栏指定区域（DIV）跟随页面滚动，当搓动鼠标滚轮让网志页面向下时，这个指定区域也同步向下。这个 blogger widget 做法，增加特定区域的阅读量。

如果 Blogger.com 边栏指定最新评论的区域跟随页面滚动，可以实现读者围绕现有评论更多地相互交流。说不上这是 SEO 做法，但是属于我的写博客意义：主场博主，博主少说话，读者多说话。

Image by Petra from Pixabay

一、Blogger.com 侧边栏指定区域跟随页面滚动示意图

二、安装代码

第一步，到 Blogger.com 模板的末尾，往页面底部参数</body>之前加入
<script src="https://cdn.jsdelivr.net/gh/wuzhao/sidebar-follow/sidebar-follow.js"></script> <script> /* <![CDATA[ */ (new SidebarFollow()).init({ element: 'sidebar-follow', distanceToTop: 15 }); /* ]]> */ </script>

接着找到侧边栏评论 HTML 插件的代码区<b:widget id='HTML1' locked='false' title='' type='HTML' visible='true'> <b:widget-settings> <b:widget-setting name='content'> Personalize codex Lorem Ipsum </b:widget-setting> </b:widget-settings>

在 blogger.com 独有的 b:widget 命令闭合区域里加入最新评论的代码，结果大致如此 <div id="sidebar-follow" style="position: fixed; top: 20px;"> IntenseDebate.com latest comments widget</div>

三、小结想法

读者不太关心博主是谁（嗯，埋汰一下英语无法区分 blogger 博主、blogger 网志；法语博主 blogueur、撰写发布 blogger 区分度高），他们更关系从内容里获取的信息。那么，鼓励读者交流，实现侧边栏指定评论区域跟随页面滚动，更适合我的 blogger 意义。