聊天室背景

效果预览图：

分割线

图片网址：

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ZcPd04wx0FIR6R9f_vsSjfhOLi38CLd02rOGGg_b8seIV5fGjBkjPD_XckD9DM9MzOdUj2CABLhQBtoBVD5G1e09d8QbzGG8i82GE4a09hHUkitY7wOSVVexgCXk2l3vt__jsXvBn4J6/s1600/10.png

图片网址：

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYw2eh7l7DBYrgCEcGR8p6akJLfNIp17DL5woaWRDpNNMiZX8DCEqcTS0fZi7cV4sd8yTV7gjCTpBu-SqpOlnSHEnTt3Vl1B3tqnaElHPCvWDTTQ_enkNjyBeRpMqFwtJ4YVv5J1CQVYn0/s1600/11.png

图片网址：

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib2qzpjBT5PvZBYCJvGJCdz4rOROyCfj0aqQAydzooM8DUiFL90JM8CsZY_mGILcUqbM97xIa5B9D4Ekch7TtRV00MkIcn_FKI2Jju_5fN6R2Z_9sQeA9Bh3T9MuYNv35-PSRY2wdEyzn-/s1600/7_%25E5%2589%25AF%25E6%259C%25AC.png

图片网址：

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8luhpHVBn7EkH-dYvx29N4UzxxHKhTN7mKwoj2AWoN3fGHo4KNhB99BVaZDtHVd-bTBtJFQi_iP9B1YHs22I1jYkKAEHumylhWeOGEL0qdWPGHo26Guy6LTe-ZKdEJMN3iE0NJEkRbssk/s1600/12.png

已经调整好位置了，代码如下。

Cbox 使用者的代码

登入博客 - 信息中心 - 设计 - 页面元素 - 添加小工具- HTML/Javascript
在 HTML/Javascript 里添加以下代码。


<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cbox-dl-0306" style="padding-top: 20px;padding-left: 22px; width: 263px; height: 470px; background: url(聊天室背景的图片网址) no-repeat scroll left top transparent;" align="left" position: relative;>
<div><iframe src="你的cbox ID&amp;sec=main" marginheight="2" marginwidth="2" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain" width="215" frameborder="0" height="243" scrolling="auto"></iframe></div><div><iframe src="你的cbox ID&amp;sec=form" marginheight="2" marginwidth="2" allowtransparency="yes" name="cboxform" style="border-width: 0px; border-style: none solid solid; border-color: -moz-use-text-color;" id="cboxform" width="215" frameborder="0" height="75" scrolling="no"></iframe></div></div><!-- END CBOX -->

红色字体 = 放上你喜欢的聊天室背景的图片网址
黄色Highlight = 放上你的cbox ID，如何寻找 CBOX ID ，点击以下链接http://felicialeesinyee.blogspot.com/2012/06/httpcbox.html 

Shoutmix 使用者的代码

登入博客 - 信息中心 - 设计 - 页面元素- 添加小工具 - HTML/Javascript
在 HTML/Javascript 里添加以下代码。

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<div id="shoutmix-dl-0306" style="padding-top: 25px;padding-left: 23px; width: 263px; height: 473px; background: url(聊天室背景的图片网址) no-repeat scroll left top transparent;" align="left" position: relative;>
<iframe src="http://www.shoutmix.com/?你登入shoutmix的Shoutbox ID" width="82%" height="330" frameborder="0" scrolling="auto"></iframe></div>

小提示：如何寻找你登入shoutmix的Shoutbox ID

如图黄色 HIGHLIGHT 部分 = 你登入Shoutmix的Shoutbox ID