答如何制作新浪博客五周年的投票按钮

标签:
时尚新浪博客五周年投票按钮制作教程 |
分类: 博客技巧 |
因为很多很多朋友问起过我是如何制作投票按钮的,刚开始我回纸条、回留言都很耐心,但问的人实在太多了,现在就专门写这篇文章,顺带介绍一点最基础的HTML知识和初学的网友分享。
一、新浪博客五周年投票的原理和复制参赛博文投票链接
新浪的投票与很多网站直接的JS投票稍微有一点不同,实质上就是每一篇参赛博文对应一个链接,每个IP每天访问一次链接记一票。比如我的博文《天边的呐喊》对应的投票链接地址是http://hi.blog.sina.com.cn/Poll.php?project_id=2343&id=204,你们只要点这个网址就可以给我的这篇博文投票。
那有朋友会疑惑自己的参赛博文对应的投票链接在哪找呢?其实在这张网页http://blog.sina.com.cn/lm/z/blog5a/index.html可以找到,一旦递交审核通过后,文章和对应的投票按钮就会显示出来。找到自己的文章,IE里右键点击投票按钮,点复制快捷方式即可。如下图所示:
http://s3/middle/6961653fg8f83edf66522&690
二、将投票链接放到文章里和制作投票按钮
介绍以下几种形式:
1、直接粘贴,最简单、最干脆
如:http://hi.blog.sina.com.cn/Poll.php?project_id=2343&id=204
2、文字链接
这种形式只需在面板http://s4/middle/6961653fg8f857fa0e103&690中插入投票链接即可。
3、普通图片按钮形式
普通的:
html代码如下:
<a target="_blank" href="http://hi.blog.sina.com.cn/Poll.php?project_id=2343&id=204"><img width="37" height="18" src="http://image2.sina.com.cn/blog/manimages/bb_button_03.gif"></a>
在新浪博文中插入HTML代码时,切换成显示源代码http://s13/middle/6961653fg8f8518a3d00c&690,在合适位置插入即可。
其实新浪的投票按钮就是一张图片加一个链接地址。
我来解释下这段代码参数:
target="_blank" 在另一个窗口打开网页,不需要修改。
href="http://hi.blog.sina.com.cn/Poll.php?project_id=2343&id=204" 投票链接网址,改成你们自己的。
img中width表示图片显示的宽度,height图片的显示高度。大家可以根据自己需要变换大小。
src="http://image2.sina.com.cn/blog/manimages/bb_button_03.gif" 投票图片的网址,不需要修改。
OK,基本制作完毕,将按钮插放到文章合适的位置,开头和末尾比较好。
3、再加点花样
|
|
三、节目预告
我将会写博文介绍Flash动感影集在新浪博客的使用方法,热烈欢迎大家一起学习和交流。本篇文章有疑问的直接留言即可,不必发纸条。这样我回复的话,更多的网友能够直接看到。