1、登录博客后，点击右上方的“链接管理”。
2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“为您服务”，在选择链接列表类型中取默认“文本书签”，点击“立即创建”。 出现提示后，点击“确定”。
3、在下方的链接列表中找到新建的“为您服务”栏，点击“为您服务”栏右侧的“编辑”按钮。
4、在出现的新窗口中描述里输入为您服务代码即可。
5、为您服务代码如下：
DIV class=mysever align=center><UL><LI><A href="http://www.baidu.com/life/#phone"><IMG src=http://myok.blogchina.com/inc/b1.gif width=85 border=0></A></LI><LI><A href="http://www.baidu.com/life/#cellphone"><IMG src=http://myok.blogchina.com/inc/b8.gif width=85 border=0></A></LI><LI><A href="http://www.baidu.com/life/#traffic"><IMG src=http://myok.blogchina.com/inc/b2.gif width=85 border=0></A></LI><LI><A href="http://trip.sina.com.cn/"><IMG src=http://myok.blogchina.com/inc/b9.gif width=85 border=0></A></LI><LI><A href="http://www.baidu.com/life/"><IMG src=http://myok.blogchina.com/inc/b3.gif width=85 border=0></A></LI><LI><A href="http://eat.sina.com.cn/"><IMG src=http://myok.blogchina.com/inc/b10.gif width=85 border=0></A></LI><LI><A href="http://www.baidu.com/life/#train"><IMG src=http://myok.blogchina.com/inc/b4.gif width=85 border=0></A></LI><LI><A href="Http://www.hao123.com/netbuy.htm"><IMG src=http://myok.blogchina.com/inc/b11.gif width=85 border=0></A></LI><LI><A href="http://www.hao123.com/bankjt.htm"><IMG src=http://myok.blogchina.com/inc/b5.gif width=85 border=0></A></LI><LI><A href="http://www.hao123.com/netbuy.htm"><IMG src=http://myok.blogchina.com/inc/b12.gif width=85 border=0></A></LI><LI><A href="http://www.baidu.com/life/#plane"><IMG src=http://myok.blogchina.com/inc/b6.gif width=85 border=0></A></LI><LI><A href="http://www.hao123.com/fcys.htm"><IMG src=http://myok.blogchina.com/inc/b13.gif width=85 border=0></A></LI><LI><A href="http://www.hao123.com/ylbj.htm"><IMG src=http://myok.blogchina.com/inc/b7.gif width=85 border=0></A></LI><LI><A href="http://www.hao123.com/xing.htm"><IMG src=http://myok.blogchina.com/inc/b14.gif width=85 border=0></A></LI></UL></DIV>
提示：这里利用了无序列列表功能的技巧，因此需要在模板样式中加入以下语句，可将下列语句加在模板样式的最后,并根据个人博客的不同适当调整。
/*===为您服务========*/.mysever ul{margin-left:-18px;}.mysever li{float:left;width:96px;background:#CCC;margin:1px;line-height:150%;}.mysever a{display:block;color: #003366;text-align:center;}.mysever a:link{color:#666;margin:1px;background: #FFFFFF;text-decoration:none;}.mysever a:visited{color:#666;margin:1px;background: #FFF8DC;text-decoration:none;}.mysever a:hover{color:#FFF;margin:1px;font-weight:bold;text-decoration:none;background: #F00 no-repeat 5px 12px;}
|
