效果预览图:
分割线
图片网址:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnKK41bgxmRZ-4tSk3Ya-TzUY859h4YHQekzxlra-0wPoRI3LaIo99aJkOmGgW-Dmn4iJn2M0cmhSoIpV9jcOoUybvGrQlcfZDOlx2m48Eso_OzLUFto2F1giIAuFJgut3x_kzDFIebwca/s1600/10.png
图片网址:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeVjX91DEHJLhbBclJk5dBjdjRMiDne-cN_hPuPrCqFTUkU-P8U-9-DLP1e9tvRkcKsRnYPWmO_dthnJCl93iqaInDHzGBzs0O4BWUlJR-n0TVrJ91Jw-uGXlPd-F-E8vXXf5gbEBJ3oUL/s1600/11.png
图片网址:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHp6JA3WYiOdtB6-NXwo-1qQQGqmkYp2KmVSwQQAcEHaeK8eY4B_tkM0DsHCFkba8G4G-jwvBBdmgUrKU1QzXj2-4IWsPRephqXikCvu770fDq2HjKl-FTp2Yl_qTYN2sQqAvM9bSk0lge/s1600/7_%25E5%2589%25AF%25E6%259C%25AC.png
图片网址:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVMSt3yFoC6TtuqsmrPV2De4o0qv3JPPGBnCOPM__29Qi6fPab6hXU19G0_IKTDftOnOaOv-tuchSx-MEi_ramTh1bUbd4SFkanWACy9ku5dYpKTsWucLUhFxQQVZ90DZ0khnsjn9tiuTX/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&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&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://dulei-mylife.blogspot.com/2011/10/cbox-id.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