博客联系工具条(集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);之后,但似乎不能跨浏览器 哪位仁兄帮忙修改下告诉小弟哈

Tags: , , 04月 18th, 2008 Posted in javascript, 家园建设, 编程开发

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

  1. 中文赚钱博客 Says:

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



  2. Sunxc Says:

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



  3. 飞鸟无博客 Says:

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



  4. Sunxc Says:

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



  5. Sunxc Says:

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



  6. yacca Says:

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



  7. 香草与叹息 Says:

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



  8. Sunxc Says:

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



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

    [...] 博客有效?)上面,让网友可以随时联系你。进一步的介绍,请阅读文章:博客联系工具条(集QQ,MSN,旺旺,Gmail于一体)。 [...]



  10. 枫叶向风 Says:

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



  11. 物虚生 Says:

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



  12. Sunxc Says:

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



  13. foelin Says:

    为什么我硬是找不到….



  14. clarezoe Says:

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

    再次感谢!



  15. Sunxc Says:

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



  16. clarezoe Says:

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

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



  17. Sunxc Says:

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



  18. clarezoe Says:

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



  19. clarezoe Says:

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



  20. Sunxc Says:

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



  21. adamzhu1986 Says:

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



  22. Sunxc Says:

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



  23. 睡到自然醒blog Says:

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



  24. 陈小 Says:

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



  25. 陈小 Says:

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



Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Powered by WordPress | Blue Weed by Blog Oh! Blog | Entries (RSS) and Comments (RSS)