有童鞋在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
来自外部的引用