你也可以的,个性化自己的博客推荐
打开小洋的博客文章,例如IT草根的江湖路之二:改变,破釜沉舟的斗争
可以看到右下角:
打开自己的一篇文章:例如:完全详解--使用Resource实现多语言的支持
可以看到:
效果反差还是比较大的。
首先博客园是可以自己写CSS的,在
下面的通过CSS定制页面风格里面可以输入自定义的css代码。
原理:找到控制”推荐一下的”div是哪一个,然后设置它的css
在这里我使用IE8来找,当然你也可以用firefox。
在ie8里面输入地址:例 http://www.cnblogs.com/LoveJenny/archive/2011/08/02/2125442.html
按F12:弹出开发人员工具
选择 “查找->单击选择元素”
选择后效果如下:
同样你在开发人员工具中也可以看到:
OK,既然找到了控制”推荐一下”的div是div_digg,那么就应该自定义了。
如果你css学的不错的话,那可以自己写css,否则就还是用别人的吧,在这里我用的是别人的。
可以打开fiddler,然后浏览小洋的文章:
在fiddler里面的
可以找到:
在这里我把脚本贴出来:
#div_digg {float:right;font-size:12px;margin-bottom:10px;margin-right:30px;margin-top:10px;text-align:center;width:120px;position: fixed; right: 0px;bottom: 0px; z-index: 10;background-color: white;margin: 10px; padding: 10px;border: 1px solid rgb(204, 204, 204);}.vote
{float:right;font-size:12px;margin-bottom:10px;margin-right:30px;margin-top:10px;text-align:center;width:120px;position: fixed; right: 0px;bottom: 0px; z-index: 10;background-color: white;margin: 10px; padding: 10px;border: 1px solid green;}
把这段css写到后台自定义css文本框中:
保存
然后浏览文章,你会发现:
查看div_digg的html代码
<div id="div_digg" style="display:none;"><div class="diggit" onclick="DiggIt(cb_entryId,cb_blogId,1)"><span class="diggnum" id="digg_count"></span></div><div class="buryit" onclick="DiggIt(cb_entryId,cb_blogId,2)"><span class="burynum" id="bury_count"></span></div><div class="clear"></div><div class="diggword" id="digg_tips"></div></div>
可以发现diggit就是"推荐一下",buryit就是"反对"
如果你不希望人家投反对票,你可以加上:
.buryit{display:none;}.diggit{margin-left:40px}
效果如下:
作者:LoveJenny
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· SQL Server 2025 AI相关能力初探
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库