您现在的位置是:首页 > 建站建站
在Blogger实现侧栏浮动小工具
cc博主2021-10-04【建站】871人已围观
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还可定义小工具的样式。
相关文章
猜你喜欢
云原生把手游开发者救出「开发泥潭」
芯片移动互联网技术的进步使得人们的生活在近十年来正发生着巨变。雷峰网(公众号:雷峰网)在娱乐领域,移动互联网的改变是革命性的。由于智能手机等移动终端娱乐设备的普及,手机游戏的受众群体变得空前庞大,成为了电子游戏中不可忽视的一环。移动端游戏的市场也不断随着受众群...
阅读更多关于财报中阿里云业绩的几项分析
业界4日晚,阿里巴巴发布2023财年第一财季的最新业绩,其中关于阿里云的业绩部分,包括以下几个重点:1、 阿里云营收继续增长,在抵销跨分部交易前营收达到239.38亿元,抵销后为176.85亿元,财报显示,这主要由金融、公共服务、电信行业增长所驱动。2、 本季...
阅读更多「新基石研究员项目」资助启动:10年100亿,让有探索精神的科学家不用再忙于「找钱」
人工智能如果说技术应用是造房子,那么首要工作就是打地基。地基不稳,房子不能牢固。此外,地基有多少座,房子就有多少座。因此,科学研究的目标往往有两个:一,在同一座地基上钻研理论与应用,使地基「巩固」;二,则是前往“无人区”探索,「开拓」新的地基。后者,也就是所谓的真正...
阅读更多对话紫鸟浏览器杨金河:行业腹地出来的草根创业者 | PLG十人谈
业界作者 | 代润泽编辑 | 麦广炜近两年,SaaS行业可谓“大起大落”。自2019年深入人心后,随着疫情、低利率、技术更迭等催生了各个企业的发展。如今市场回归冷静,估值下滑、业务停滞,行业“哀嚎一片”。或许市场“不甘于寂寞”,PLG,这个由产品驱动增长...
阅读更多利氪科技完成近2亿元A轮系列融资,新一代线控制动系统年中率先实现规模化量产
业界2022年5月19日,线控底盘系统方案商利氪(广州)科技有限公司(以下简称:利氪科技)宣布完成A轮、A+轮融资,累计融资金额近2亿元人民币。其中A轮融资由元璟资本和创新工场联合领投,上海自贸区基金及其临港新片区科创基金、九合创投跟投;A+轮融资由嘉实投资领投,...
阅读更多
热评文章
2024年V2ray/Clash/SSR/Shadowrocke俄罗斯-美国免费节点梯子更新(11/6)
长期免费ssr节点机场分享-永久v2ray加速器订阅-每日更新(2024/11/4)
2024年V2ray/Clash/SSR/Shadowrocke印度-美国免费节点机场(11/8)
95 后创业者 VAST 宋亚宸:要做3D「抖音」内容平台
RISC-V基金会如何支持HPC和AI领域的公司?
纸飞机汉化包ios_纸飞机汉化包提示有后门
vps加速器免费加速极光_免费加速器永久免费版不用登录
飞机下载链接_飞机下载链接官网
旋风加速度器xfvzcc_旋风加速度器x353cc功能介绍
搞笑电报员口吐芬芳_电报员口吐芬芳无消音