看到很多网友的博客首页都有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帐号就是xudeqiang2008@hotmail.com。如下图所示：
6、
浏览生成后的效果和复制代码。
在页面的第五项‘浏览您的按钮’标题下直接点击‘下一步’如图所示：
点击‘下一步’以后出现了按钮预览和代码生成页，如下图所示：
7、复制代码。
在这里有一个地方和QQ不一样，那就是MSN可以选择按钮的用途，它可以根据你选择的用途生成不同的代码。选择地址就在第六步中的页面中，如下图：
选择完代码用途以后，就可以单击下面的Copy代码（复制代码）了，这时候如果你使用的是IE浏览器会弹出如下图所示的对话框：
你直接点击‘允许访问就可以了’，这样你就把代码复制到你的剪切板里了。
第二步：在博客中生成MSN代码按钮。
1、打开博客编辑页面，在文章编辑区的工具栏中选择‘代码’按钮。然后把刚才复制到剪切板的代码粘贴到代码区，如下图所示：
上图中区域中的那一大堆英文就是我们的按钮代码了。
2、把其他的选项填写完毕以后，点击博客编写页面最下方的‘提交’就完成了。提交后的效果如下图所示：
看到这里大家也许会有疑问，这个聊天按钮是写入了博客里呀？你不是说可以放在博客首页吗！我没有发现博客首页出现了这个按钮呀！别着急下一步我就教你如何把这个聊天按钮放到你的博客、空间或者网站的首页。
第三步：把MSN聊天按钮放到博客首页。
1、在博客的首页点击博客标题下面的‘编辑’按钮，进入博客首页编辑页面，如下图所示：
2、在‘自定义模版帮助’区域中点击‘添加模块’如下图所示：
3、在添加模块选项中选择‘自定义区域’并在其中选择添加‘自定义模块’，这时候首页在编辑状态下自动在页面的左上角添加了一个‘自定义模块’区块。如下图所示：
4、在这个新添加的自定义区块中点击‘编辑’，来编辑这个‘自定义区块’如下图所示：
5、把刚才在博客中生成的MSN聊天按钮复制过来，如下图所示：
6、复制了在博客中生成的MSN代码图标，我们再粘贴到第四步中的‘自定义区块’的编辑区域中。如下图所示：
7、在上图中粘贴完图标，点击‘提交’返回首页编辑状态。默认状态下，添加的‘自定义区块’在首页的左上角，如果你不喜欢放在这个位置，你可以在首页编辑状态下随意用鼠标拖动到任意位置。满意后，放开鼠标，然后点击首页标题下的‘浏览’按钮，就可以看到你的博客首页已经有MSN聊天按钮了。
这时候无论是哪里的网友，只要打开你的首页，一点击你制作的MSN聊天按钮就可以和你的MSN开始通讯了，怎么样学会了吗？如果感觉还不错或者有其他的异议欢迎你在博客留言区留言。
——————————————————————————————————
特别声明：--
一、本文为原创，著作权及使用权为（作者笔名：闪电cto）本人所有。
二、本文首发于51cto个人博客（http://xudeqiang.blog.51cto.com）。
三、本文只供互联网上的读者分享，不供共享范畴，希知。
四、未经许可严禁对本文作修改、节选、断章性质的处理。
五、可转载，但必须注明原文章首发的出处网址，及文章作者，严禁复制。
六、如若转摘用于杂志网络媒体新闻，必须通知作者得到允许后方可，需收稿费。
七、作者联系信息：QQ：306718122 邮箱levinboy@foxmail.com
—————————————————————————————
转载于:https://blog.51cto.com/xudeqiang/187477
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
