博客园的推荐栏，怎么漂起来？

warmcheng 发布于2019-04-23 11:53 / 1427人阅读

摘要：第三步，在博客园的文件面板中上传文件。记得点击文件的链接，复制文件的路径。第四步，在博客园的设置面板的页首代码引入文件。最后，别忘了保存。保存后，再点开一篇博客园的文章，就看到推荐栏漂了起来。

说出来不怕你们笑话，写代码写了这么多年，竟然一开始搞不定博客园的推荐栏，怎么让它漂起来这个问题困扰了我很久！

漂起来的样子是什么样的呢？

漂起来的样子就像上面这张图那样，方便园友们推荐！

问了好几个朋友，他们竟然也不知道怎么搞，让我很伤心——看来还得自己研究研究。

第一步：找样式。

我在纯洁的微笑的博客那里，看到了推荐栏漂起来的样子。于是就「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文件。

最后，别忘了保存。保存后，再点开一篇博客园的文章，就看到推荐栏漂了起来。

GPU云服务器云服务器独立博客主机推荐 php怎么跑起来 jdk怎么跑起来怎么把阿里云服务器独立起来

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1300.html

前端小白也能快速学会的博客园博客美化全攻略

摘要：前端小白也能快速学会的博客园博客美化全攻略呦，博客园的自我修养是什么第一条，别只顾收藏和偷师呀，记得点推荐或关注本人喔美化方法论简介一般而言，需要选一个默认的，然后在该基础上调整。或者也可进博客园园子页面，发状态博客园团队，申请开通权限。前端小白也能快速学会的博客园博客美化全攻略 A呦V，博客园er的自我修养是什么？第一条，别只顾收藏和偷师呀，记得点推荐或关注本人喔~ 美化方法论简...

StonePanda 2019-08-23 15:09 评论0 收藏0
记录代码的点滴！

摘要：年月日，我注册了博客园的账户，开始记录我的代码日常。于是乎今天就注册了一个账户，申请了一下博客，没想到数分钟就批准了，这里给博客园的大大点一个赞。　　2019年4月1日，我注册了博客园的账户，开始记录我的代码日常。　　学习web前端，是我之前没有考虑过的事情。在大学浑浑噩噩度过了四年后，终于意识到就业的危机，刚入学的时候听到学长学姐们说毕业即失业，感觉离自己很遥远，但临近毕业我却亲身体会到...

chnmagnus 2019-04-23 11:41 评论0 收藏0
[学习交流]博客园 cnblog 添加github链接和自定义美化学习

2018.12.30更新 --------------------------------------------------------------------分割线--------------------------------------------------------------------------------- 认识博客园的组件选择皮肤：设置-博客设置-（该皮肤为简洁）下面...

番茄西红柿 2019-04-23 11:57 评论0 收藏0
整理一些质量不错的教程、博客、论坛

摘要：可是虽然搜出来的比好，但是也还是不能确保质量都是没问题的。下面我想整理一些不错的资源，方便自己的学习和讨论。实践是检验真理的唯一标准上有足够多的高质量的开源项目。这里是我整理的关于使用的方便快速查看的笔记。欢迎大家也来推荐好的资源！！！！为什么整理这篇文章想通过在网络上随便搜索出来的文章学习其实是很不明智的，往往不能保证知识的质量、全面性和系统性。甚至是粗制滥造、造假的所谓知识！...

techstay 2019-05-29 17:49 评论0 收藏0
关于写作那些事之利用 js 统计各大博客阅读量

摘要：在日常文章数据统计的过程中纯手动方式已经难以应付于是乎逐步开始了程序介入方式进行统计在上一节中探索利用文件格式进行文章数据统计本来以为能够应付一阵子没想到仅仅一天我就放弃了原因还不是因为我懒需要复制文章内容然后整理成特定的格式最后利用已编写在日常文章数据统计的过程中,纯手动方式已经难以应付,于是乎,逐步开始了程序介入方式进行统计. 在上一节中,探索利用 csv 文件格式进行文章数据统...

lanffy 2019-08-23 16:55 评论0 收藏0