Tricky & Tipsy Friend

Selamat Malam teman, Saya mohon maaf karena jarang Online dan tidak memberikan postingan,disebabkan saya sedang Retreat dan Perpisahan SMA.
malam ini saya akan memberitahu bagaimana Memasang Widget buku tamu muncul dari atas, sebelumnya saya kan sudah memposting Artikel Pasang Widget Buku Tamu Auto Open, Cara membuat sama, perbedaan hanya di Kode HMTL,saya akan menjelaskan kembali cara membuat !

Pertama Anda login ke blogger
Pilih Tata Letak dan Tambah Gadget, HMTL/JavaScript lalu masukan Kode dibawah ini ke kolom Tersebut

<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #999;
background: #000;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
-moz-box-shadow: 0px 2px 5px 0px #f8f9b9;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:#ff0000;">

--> Kode Cbox Disini <--

</div>
</div>
<br/>
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi38ORuCrTdSRyJEuJy6FBJLI2RkJweDdZGKXu4ZY3kjQ_hxMMZZimHyTa4rzg8axUF-qQfJW6D2wRNyKY8G7Ao8FTYrotf00n26BTOy268yhyphenhyphenJQgZYsaPME4ViOdxRJn5OB3DM66Gnnmc/s1600/CLOSE.png" alt="close" title="Click here to Close Cbox" /></a></div>
</div></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>
<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsML8QfwG7A97L7ZAI2dnnwQIb-nC1qlsL-IZfC7VJOGD3B-5KBS_954enAypLs_xW0Mo0fKaMDlyDA6OTdLWWUi_bo_J_NsG-KJ4-bR2_gUIy5Kmoa_b5LpuJNE35eFrYtuvdTrb1mmk/s1600/guestbook.png" alt="cbox" title="Click here to open Guest Book" /></a></center>

Tulisan Berwarna Merah Anda ganti dengan Kode Cbox Kalian !