由Blogsticker想到的 ⁴

Blogsticker提供了许多漂亮的标贴，贴在自己blog里可以展示自己的blog定位，或者声明自己的爱好。不但如此，该标签还连接到一个页面，在这里你可以看到和自己使用相同标贴的blog，从而实现了跨网站的blog分类——这就是传说中的社会化属性。（？）如果你还没用它，赶紧去申请一个吧。

本来这篇文章到这里就结束了。不过，Blogsticker提供的图片是固定位置的——他将显示在你blog界面的左上角，而我更希望他显示在界面的右侧——也就是我现在的标签显示位置。再者说，Blogsticker是以js的形式提供的标签，如果你怕页面里加入js、调用外国网站的标贴图片，会托慢页面加载速度呢？

所以有了本文的下半截内容。下面，跟我一起解决上面的问题：

首先你还是要在Blogsticker注册并且填好自己blog的所属分类，这样才能让别人浏览分类的时候看到你的blog。不过，如果你只是想要这个漂亮的标贴，而不在乎什么狗屁社会化。那么略过这步，直接下一步吧。

按自己的意愿制作一个标贴图片，上传到网络，取得该图片的地址。

在页面的某处，一般为了不影响速度，你可以放在</body>之前就行了：

<DIV CLASS="blogsticker" >
      <IMG SRC="你的图片地址"  WIDTH="163"  HEIGHT="163"  BORDER="0"  USEMAP="#blogsticker" >
    </DIV>
    <MAP NAME="blogsticker" >
      <AREA SHAPE="poly"  HREF="http://www.blogsticker.net/stickers/china"  TARGET="_blank"  COORDS="34,0,163,129,163,163,0,0" ></AREA>
    </MAP>

其中加粗部分是Blogsticker提供的分类页面，我用的是国家分类里的中国。

在你的css文件里添加：

div.blogsticker{position:absolute;right:0px;top:0px;overflow:visible;height:163px;width:163px;margin:0;padding:0;z-index:10000;border:none;float:none;}
div.blogsticker img {border:0;padding:0;margin:0;}

就是这样了。是不是有点无聊？。。。。本文结束。

http://kaix.in/cgi-bin/mt-tb.cgi/496. Tips:在自己blog里发表针对本文的评论文章时复制上述地址到引用通告栏，你的文章链接就会显示在本页引用列表里。