教程 - 隱藏在上方的 Chatbox

詳情可點 http://mineicecreamlove.blogspot.com/ 

這個教程我是在 BS 裡面的 Code 看到的，然後自行研發用去 BlogTemplate :D ，所以轉載教程請先詢問允許后才可轉載哦w

BlogTemplate User 

1) 模板 - 修改 HTML - 添加代碼 1 在 ]]></b:skin> 的前面。

2) 之後保存，然後去到佈局 - 添加 HTML - 添加代碼 2 

3) 預覽看看，保存，完成! :D

BlogSkin User 

1) 模板 - 添加代碼 1 在 </style> 的前面。

2) 之後保存，再把代碼 2 添加到你想要的地方 (什麽地方都能看你怎麼樣放而已沒什麼影響的w)

3) 預覽看看，然後保存 ! :D 

代碼1

.c {
position: fixed;
top: -240px;
left: 30px;
background: # url('');
padding: 8px;
width: 245px;
color: rgb(200,200,200);
-webkit-transition: 0.7s;
}
.c:hover {
top: 0px;
}

代碼2

<div class="c">
<iframe frameborder="0" width="245" height="130" src="你的Chatbox Source 1" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-714645" style="border: 0px solid;" id="cboxmain5-714645"></iframe>
<iframe frameborder="0" width="245" height="100" src="你的Chatbox Source 2" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-714645" style="border: 0px solid;border-top:0px" id="cboxform5-714645"></iframe><br />
<center>▼▼▼</center>
</div> 

至於那些寬度那些熟悉代碼的就可以自由更換吧 ! :D
有不明的可以問我哦 ! XD

就這樣子先閃人 =w= (#

- E N D -