有童鞋在http://faq.wopus.org问如何在头部加个关注微博的图标，其他人也可能有此需要，于是把回复内容转过来，供大家折腾玩。
HotNews主题LOGO右侧有一小块空白，很多童鞋可能也一直想挤出些地方放点什么，其实作网页与写书法绘画一样，需要留白，给人更多想象的空间，更有层次感，否则密密麻麻的，看着让人眼花，心烦， 不过放个小图标装饰一下也不为过，效果如图。
下面开始。打开所有以header开头的模版文件在：
- <?php include('includes/time.php'); ?>
下面加上：
- <div class="topimg"><a title="关注微博" target="_blank" href="https://zmingcx.com/">关注微博</a></div>
打开主题样式文件style.css首先把:
- .header_c {
- width: 980px;
- }
改为：
- .header_c {
- width: 980px;
- position:relative;
- }
为方便图标定位之用。
随后在这句后面加上一句：
- .topimg a {
- position: absolute;
- background:url(images/dd.png) no-repeat;
- top:27px;
- right:20px;
- width:100px;
- height:25px;
- text-indent:-10000px;
- }
其中的文字、链接及图片可根据自己的喜好更换，左右位置通过修改right:20px控制，本人不写围脖就不加了，提供一张作好的图片。
本站文章大部分为原创，用于个人学习记录，可能对您有所帮助，仅供参考！
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接，谢谢合作！
海南省海口市 1F
火星人表示一定要支持…
不玩微博的路过…
北京市西城区 2F
菜鸟求教：
鸟哥，关注你的模版好几天了，一直在本地测试，过两天网站正式上线。
关于这个微博的我很喜欢， 但是我试过几次了，图标是有显示，但是点击没有反映。
求鸟哥指教。关注微博 这句话只需要把链接改成自己的就可以么 ？
北京市西城区 B1
@ （丶奋斗） 经过不懂代码的菜鸟反复的测试出最终结果是这样的：.topimg a { 改成.weibo a {
.weibo a {
position: absolute;
background:url(images/dd.png) no-repeat;
top:25px;
right:20px;
width:100px;
height:30px;
text-indent:-10000px;
}
中国 B2
@ （丶奋斗） 嗯，写的有点匆忙，少打了一个a
北京市 3F
请教一个问题，为什么在你文章中的图片上有的有放大镜图标有的没有？
中国 B1
@ 高高 那只是图片上画了一个放大镜而已
北京市 B2
@ 知更鸟 哦，明白，能不能实现这个小功能啊，就是自动在缩略图标上添加一个放大镜的按钮？
中国 B3
@ 高高 视频及图片模版有此功能，没看见？
山东省临沂市 4F
嗯，做的越来的越好了，等我的站做大了，专门叫你设计一个啊！另外弱弱的问一句，设计一个得多少钱？
河南省郑州市 5F
打算在页面底部做一排图标挂上。。。正在研究。
中国 B1
@ 高邦设计 友情链接支持图片显示
重庆市 6F
样式不错
河南省郑州市 7F
有个小问题请教一下，首页底部导航“返回首页 站点地图……网盘 图床” 的部分，如何自定义？为什么我自己加链接代码后会错位？
中国 B1
@ 高邦设计 我是使用菜单功添加的自定义链接
四川省内江市 8F
不知为什么,我也很不喜欢玩微博.
江苏省无锡市 9F
不错是个好东西学习了
北京市 10F
嘿嘿那个问题是我提问的！ 晒一下
江苏省扬州市 11F
是啊 可以秀美图
江苏省扬州市 12F
请问你的插入代码用的是什么插件，自己美化了吗？
中国 B1
@ 东写西读 教程
http://zmingcx.com/do-not-realize-wordpress-code-highlight-plugin.html
四川省成都市 13F
转到底部和返回顶部的新样式怎么改呀？
福建省福州市 14F
微博这东西 都是只看别人写的 呵呵
辽宁省盘锦市 15F
其实我更喜欢把这个微博换个40×40的小图标放在下面的公告栏右边，可以用来代替“腾讯微博 新浪微博” 等
浙江省台州市 16F
我来晚了。你们这帮家伙。。。。。。。。。。
四川省内江市 17F
这个不错，增加了粘连性。 谢了鸟哥
四川省内江市 18F
都是只看别人写的
广东省广州市 19F
喜欢超简洁的人路过。。。
内蒙古包头市 20F
一看就是编程高手，可是我不太董那些啊！羡慕啊
天津市 21F
这是个很值得推荐的东西。HOHO~
天津市 22F
矮油，鸟哥右边这个滚动新样式不错哦~ 请知识教程~
澳门 23F
话说我也没有成功。。。。郁闷～
河南省信阳市固始县 24F
还不错，呵呵
河南省信阳市固始县 25F
鸟哥，怎么让留言板上的留言字数来个限制呢？比如说少于10个字节不能发表。哦
中国 B1
@ Win7en乐园 插件：
http://wordpress.org/extend/plugins/wp-anti-spamdali/
河南省信阳市固始县 B2
@ 知更鸟 好的，谢谢表哥！
上海市嘉定区 26F
感觉挺好的，呵呵
北京市 27F
喜欢这种图片，但是我是PS盲，不懂。 想把新浪的换成腾讯的。
福建省厦门市集美区 28F
可以把那个我的微薄替换成，收藏，分享，等图标，在那个位置很好看！
我尝试过
四川省内江市 29F
感觉挺好的
上海市长宁区 30F
微博是？wordpress 也是微博？
云南省大理州 31F
加上去以后效果不错呀！感谢鸟哥
广东省深圳市 32F
文章第三行有东西挡住了，是怪什么？
谢谢！
中国 B1
@ 黄天运博客 @黄天运博客 :
怪只能怪你不爱看使用说明
广东省深圳市 33F
不行啊。。。
广东省深圳市 34F
呵呵 说明我看过很多次了 鸟哥。
微博好像只能在文章页面显示，首页没有哦。
湖北省武汉市 35F
鸟哥，来看了，知更鸟的主题已经被你优化的不行了，太厉害太强大了，呵呵！
上海市 36F
话说我用它DIY了个 QQ在线状态，谢谢鸟哥折腾
四川省成都市 37F
请问为什么我回复的楼层是-50 -49 这些呢？ 怎么解决呢？
中国 B1
@ 小z 看使用说明中的注意事项
湖南省衡阳市 B1
@ 小z 在【讨论】栏目设置一下“分页显示评论”就可以正确显示楼层了！
山东省济宁市 38F
await 主题 这个主题也是知更鸟的吗？这个主题中友情链接在全站中都显示，怎么才能在首页显示呢？
中国 B1
@ 如何学习seo 把主题作者版权链接去掉，还跑来问这问那，你们这种人真是让人无语….
上海市 39F
技术很牛啊
陕西省西安市 40F
很好很强大
河南省郑州市 41F
你好，鸟哥
用了2.7的模板，分享的功能怎么没了呀，请给支个招，我需要那个功能，谢谢了，发我邮箱好吗？
福建省厦门市 42F
我只看看，我不说话
福建省厦门市 43F
楼主好！
湖南省衡阳市 44F
鸟哥威武！
江苏省无锡市 45F
学习了！
上海市 46F
功能很好，，小弟我笨手笨脚还没研究好。
内蒙古呼和浩特市 47F
评论头像怎么设置啊？我的怎么没有呢？
中国 B1
@ 淡定 http://zmingcx.com/for-a-portrait-of-his-own-gravatar.html
内蒙古呼和浩特市 B2
@ 知更鸟 我申请了，也传了图片，Gravatar里头像变了，但发评论写了这个邮件地址后依然不显示，不知道是什么原因
辽宁省阜新市 48F
哥哥 为什么我的不显示呢，只在上方显示“关注微博”四个字
河南省濮阳市 49F
我的按照步骤下来显示的不对啊 显示到正中间 调那个right:20px没反应。
河南省南阳市邓州市 50F
一直在调试这个微博按键的位置，老是错位到跟 2012年3月17日 星期六您是第 1898 位访客这句话平行，不知道是哪里出了错误，求鸟哥帮忙！
中国 B1
@ 李征 如果完全按照教程修改的，不会有问题
广东省东莞市 51F
鸟哥，我改了，错位也，样式走到中间那里了！
广东省东莞市 B1
@ yumanutong OK了，都是我笨，文章中images/dd.png改为自己图片绝对地址，就OK了！
山东省济南市 B2
@ yumanutong 我的问题跟你的一样，地址也改了，还是不行，是咋个原因呢
广东省东莞市 B3
@ 真威武 今晚加我Q聊，我早上和下午都要上班！
山东省济南市 B4
@ yumanutong 好的
山东省济南市 B5
@ 真威武 搞定了，哈哈，加上的是绝对地址。
广东省广州市 B1
@ yumanutong “熊猫烧香”病毒？你的头像怎么那么奇怪？你的电脑中毒了么？
广东省东莞市 B2
@ chachachade 头像和病毒毛线关系？我一直用这个头像
浙江省温州市瑞安市 52F
你好，我想在这个位置放上百度的我喜欢按钮请问怎么弄，谢谢！请指点
北京市 53F
学习楼主分享，搞定。
北京市朝阳区 54F
添加了，然后被adblock给屏蔽了。。。那肿么办。。
福建省福州市 55F
好像是2.7.1用不到，按教程改了，一样不显出来，图片也绝对地址也不行，下版本建议加个关注按键开关，因为现在用这个的多，感谢知更鸟
浙江省杭州市 56F
鸟哥，能问下你代码高亮是怎么实现的吗？是用的哪个插件还是？就这篇文章的
中国 B1
@ 吴文辉IT博客 看HotNews Pro 2.7主题使用说明■ 代码高亮
重庆市 57F
Copyright © 2013 测试 保留所有权利. Theme by Robin
除了首页正常，其它 Copyright © 没对齐。
这样
Copyright
2013 测试 保留所有权利. Theme by Robin
来自外部的引用