博客联系工具条(集QQ,MSN,旺旺,Gmail于一体)

      今天逛博客的时候发现有这样的一个小浮动条,上面有各种联系方式在上面包括QQ,MSN,Gmail,旺旺,于是就把网站的源文件下载下来找到了个小东西,修改一下挂的钱本草博客上,也许今天有网友已经发现了这个可爱的小工具条:) 感觉不错,不敢独享拿出来给大家一起分享, 要吸引你的博客读者其中有一个小方法不防试一下,就是留下你的联系方式,这样会让你的读者感觉到更真实,如果你也想尝试一下 那么来看看这个小浮动工具条适不适合你,接下来我给大家介绍下如何使用他!首先下载这个压缩包解压后找到contact.js文件,把里面设置你自己的QQ,msn等的联系方式进行修改,上传到你的服务器目录下,比如我是传到了/image下的contact下面 注意已”/”开头表示根目录,注意在contact.js里要修改那些图片的路径要和这里的一致,否则是找不到图片的,上传后修改head.php文件在<body>后加上<a name=”top”></a> 修改页脚foot.php文件在</body>前加入<a name=”foot”></a> 这两句话是设置锚点,用于点那个工具条上的top 和foot 相应的跳到你博客的上面和下面这样更方便你的读者,最后在你的head.php或者是foot.php文件中引用你的contact.js就可以了,引用代码如下:

 <script src=”/你的目录/contact.js” mce_src=”/你的目录/contact.js” type=”text/javascript”></script>

如果也什么不懂的来给我留言

下载联系浮动条contact.rar

补充一点:今天下班回来打开博客发现这个浮动条位置离左边非常远,因为家里的笔记本分辨率是1280*768的 因此要修改下contact.js加上判断你屏幕分辨率的代码如下:
if((screen.width==800)&&(screen.height==600)) 
document.getElementById(”full”).style.left=0; 
else if((screen.width==1280) &&(screen.height==768 || screen.height==800)) 
document.getElementById(”full”).style.left=130; 
加到document.write(suspendcode);之后,但似乎不能跨浏览器 哪位仁兄帮忙修改下告诉小弟哈

为他投票:
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
浏览:432 views   Tagged with: [ , , ]
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

25 Comments on “博客联系工具条(集QQ,MSN,旺旺,Gmail于一体)”

  • 18 4月, 2008, 14:26

    这个东西很好很不错,我先挂上,先谢了。

    [Reply]

  • 18 4月, 2008, 14:29

    哈哈 不客气 放上来就是和大家分享的

    [Reply]

  • 18 4月, 2008, 15:42

    不错不错,多逛逛别人的博客真的很有收获

    [Reply]

  • 18 4月, 2008, 15:45

    呵呵 是啊 还可以交些朋友 多交流下经验

    [Reply]

  • 18 4月, 2008, 16:04

    我觉得这个可以写一个插件 激活后在后台设置这些参数 不过没写过插件 不知道怎么写 呵呵

    [Reply]

  • 20 4月, 2008, 0:43

    插件…好…我等大家交流结果-.-

    [Reply]

  • 21 4月, 2008, 15:03

    挺好,不过好像我的博客很少有人跟我联系,呵呵

    [Reply]

  • 21 4月, 2008, 15:06

    @香草与叹息
    其实联系是很少但这样会给读者真实感 用户体验加强一点 呵呵 这是我的想法

    [Reply]

  • 27 4月, 2008, 9:43

    不错的东东,考虑使用ing。。。

    [Reply]

  • 28 4月, 2008, 13:08

    太小了,我特意找才找到的,一般不知道的人恐怕不会留意这个浮动条的,:-)

    [Reply]

  • 28 4月, 2008, 13:12

    怎么会特意找呢? 只要你滚动就发现那个东西跟随 特意用的gif图片变换效果 我觉得不用特意找

    [Reply]

  • 28 4月, 2008, 20:14

    为什么我硬是找不到….

    [Reply]

  • 7 5月, 2008, 6:03

    谢谢阿草哥的回复,不过我改了还是没有出来,另外js报错在哪看我还没有搞清楚,另外ftp上传的时候文件的权限是不是要改?

    再次感谢!

    [Reply]

  • 7 5月, 2008, 9:02

    这个东西不需要改权限的啊!另外你的博客打开速度真的慢。。。

    [Reply]

  • 7 5月, 2008, 9:49

    刚刚在修改模板的,可能你打开的时候我正在更新,呵呵。也可能是上面有youtube的视频的缘故吧,我这边打开速度还行。

    我看了你的博客源代码,把代码”top”"foot”改成了的引号改成了#号,还有引号在这里贴的是中文的,我也改掉了,然后从头到尾一一对过,就是找不了哪的问题,真是奇怪了!

    [Reply]

  • 7 5月, 2008, 9:56

    与top 和foot没关系的 这是锚点

    [Reply]

  • 7 5月, 2008, 19:25

    我没有把文件放在博客主目录下面,我引用的是绝对路径 http://dfeijy.info/contact 下面,这样应该没问题的吧?
    真是麻烦 了

    [Reply]

  • 7 5月, 2008, 19:41

    哈哈,搞了半天是我浏览器的问题,工具条到了屏幕外面,晕死,太感谢啦!

    [Reply]

  • 7 5月, 2008, 19:54

    没关系 客气啊
    我真想弄一个插件 其实挺简单的 不过没写过插件就是
    再说这个东西也不是每个wp用户必须的

    [Reply]

  • 18 5月, 2008, 15:42

    很漂亮的啊…不过好像那么小的不容易发现…还是我视力有问题…

    [Reply]

  • 19 5月, 2008, 9:19

    其实就是个挂件而已 太大了不好 不方便

    [Reply]

  • 29 7月, 2008, 9:35

    哈哈,谢谢,这个一定要试一下

    [Reply]

  • 陈小
    30 7月, 2008, 21:59

    我找这个东西好长时间了,可以就是不会搞,想话自己的网站,希望楼主能帮我,感激。。。

    [Reply]

  • 陈小
    30 7月, 2008, 22:17

    放在我的网站里,唯一缺点就是不能动,在固定位置,希望楼主帮我。MSN:YSNK88@hotmail.com qq616298121感激。。。

    [Reply]

Trackbacks

  1. 给你的博客添加联系工具条 - WordPress中文站

Leave a Comment