教你在自己的博客首页生成MSN聊天按钮

           教你在自己的博客首页生成MSN聊天按钮

 

       看到很多网友的博客首页都有QQ聊天按钮，后来拜读了一休哥的文章才知道了其中的制作方法，既然有了QQ我们也得有MSN毕竟大多数人还是很喜欢使用这两个即时通工具的。下面我就接着一休哥的文章续写一篇《教你 在自己的博客首页生成MSN聊天按钮 》以满足大家不同的口味。如果大家想看看制作后的效果可以去http://xudeqiang.blog.51cto.com首页查看。

 

好，下面就正式开始给大家介绍如何才能在自己的博客首页生成MSN聊天按钮。

 

第一步：获取MSN聊天按钮网页代码。

 

1、在浏览器中输入网址http://im.live.cn/click/，然后回车，打开MSN聊天按钮网页代码制作页面。

 

2、在页面中的‘选择一个风格’标题下，选择自己喜欢的按钮样式（其实按钮样式可以自定义，请参阅《自定义聊天按钮图片！》）。如下图所示：

 

 

 

    3、 选择按钮背景色。

 

在页面的第二项‘选择一个颜色’标题下用鼠标单选一个按钮背景色。如下图所示：

 

 

 

 

 

 

    4、 选择按钮文字。

 

在页面的第三项‘选择一个信息’标题下选择一个按钮显示文字，以方便想和你联系。如下图所示：

 

 

 

 

 

 

5、 输入MSN帐号。

 

在页面的第四项‘输入您的ID’标题下的对话框中输入你的msn帐号，比如我的msn帐号就是[email protected]。如下图所示：

 

 

 

6、 浏览生成后的效果和复制代码。

 

在页面的第五项‘浏览您的按钮’标题下直接点击‘下一步’如图所示：

 

 

点击‘下一步’以后出现了按钮预览和代码生成页，如下图所示：

 

 

7、复制代码。

 

在这里有一个地方和QQ不一样，那就是MSN可以选择按钮的用途，它可以根据你选择的用途生成不同的代码。选择地址就在第六步中的页面中，如下图：

 

 

选择完代码用途以后，就可以单击下面的Copy代码（复制代码）了，这时候如果你使用的是IE浏览器会弹出如下图所示的对话框：

 

 

你直接点击‘允许访问就可以了’，这样你就把代码复制到你的剪切板里了。

 

第二步：在博客中生成MSN代码按钮。

 

    1、打开博客编辑页面，在文章编辑区的工具栏中选择‘代码’按钮。然后把刚才复制到剪切板的代码粘贴到代码区，如下图所示：

 

 

上图中区域中的那一大堆英文就是我们的按钮代码了。

 

     2、把其他的选项填写完毕以后，点击博客编写页面最下方的‘提交’就完成了。提交后的效果如下图所示：

 

 

    看到这里大家也许会有疑问，这个聊天按钮是写入了博客里呀？你不是说可以放在博客首页吗！我没有发现博客首页出现了这个按钮呀！别着急下一步我就教你如何把这个聊天按钮放到你的博客、空间或者网站的首页。

 

第三步：把MSN聊天按钮放到博客首页。

 

    1、在博客的首页点击博客标题下面的‘编辑’按钮，进入博客首页编辑页面，如下图所示：

 

 

    2、在‘自定义模版帮助’区域中点击‘添加模块’如下图所示：

 

 

     3、在添加模块选项中选择‘自定义区域’并在其中选择添加‘自定义模块’，这时候首页在编辑状态下自动在页面的左上角添加了一个‘自定义模块’区块。如下图所示：

 

 

    4、在这个新添加的自定义区块中点击‘编辑’，来编辑这个‘自定义区块’如下图所示：

 

 

   5、把刚才在博客中生成的MSN聊天按钮复制过来，如下图所示：

 

 

   6、复制了在博客中生成的MSN代码图标，我们再粘贴到第四步中的‘自定义区块’的编辑区域中。如下图所示：

 

 

   7、在上图中粘贴完图标，点击‘提交’返回首页编辑状态。默认状态下，添加的‘自定义区块’在首页的左上角，如果你不喜欢放在这个位置，你可以在首页编辑状态下随意用鼠标拖动到任意位置。满意后，放开鼠标，然后点击首页标题下的‘浏览’按钮，就可以看到你的博客首页已经有MSN聊天按钮了。

 

这时候无论是哪里的网友，只要打开你的首页，一点击你制作的MSN聊天按钮就可以和你的MSN开始通讯了，怎么样学会了吗？如果感觉还不错或者有其他的异议欢迎你在博客留言区留言。

 

 

教你在自己的博客首页生成MSN聊天按钮.pdf下载收藏

——————————————————————————————————

特别声明：--

一、本文为原创，著作权及使用权为（作者笔名：闪电cto）本人所有。 ­

二、本文首发于51cto个人博客（http://xudeqiang.blog.51cto.com）。  ­

三、本文只供互联网上的读者分享，不供共享范畴，希知。 ­

四、未经许可严禁对本文作修改、节选、断章性质的处理。 ­

五、可转载，但必须注明原文章首发的出处网址，及文章作者，严禁复制。 ­

六、如若转摘用于杂志网络媒体新闻，必须通知作者得到允许后方可，需收稿费。­

七、作者联系信息：QQ：306718122   邮箱[email protected]

—————————————————————————————