博客园的推荐栏，怎么漂起来？
2019-01-21 02:37:52来源：博客园 阅读 ()
说出来不怕你们笑话，写代码写了这么多年，竟然一开始搞不定博客园的推荐栏，怎么让它漂起来这个问题困扰了我很久！
漂起来的样子是什么样的呢？
漂起来的样子就像上面这张图那样，方便园友们推荐！
问了好几个朋友，他们竟然也不知道怎么搞，让我很伤心——看来还得自己研究研究。
第一步：找样式。
我在纯洁的微笑的博客那里，看到了推荐栏漂起来的样子。于是就「F12」打开谷歌浏览器的开发者模式，然后通过「Elements」面板找到一串CSS代码：
#div_digg {
position: fixed;
bottom: 5px;
width: 136px;
right: 0px;
border: 2px solid #6FA833;
padding: 10px;
background-color: #fff;
border-radius: 5px 5px 5px 5px !important;
box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
}
具体方式，见下图：
第二步，在本地新建一个css文件，把以上代码拷贝进去。
第三步，在博客园的「文件」面板中上传css文件。
记得点击css文件的链接，复制文件的路径。
第四步，在博客园的「设置」面板的「页首Html代码」引入css文件。
最后，别忘了保存。保存后，再点开一篇博客园的文章，就看到推荐栏漂了起来。
原文链接:https://www.cnblogs.com/qing-gee/p/10281535.html
如有疑问请与原作者联系
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：当地天气调用
- 转行WEB前端 感觉很迷茫 该怎么做？ 2020-06-09
- 转行前端很迷茫，该怎么学习？ 2020-06-06
- 2020年Web前端开发工程师市场怎么样？学会什么技术才能拿到 2020-06-06
- 博客园页面美化源代码 2020-06-04
- 前端的前景怎么样？ 2020-06-02
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
