membuat slide cbox dari bawah keatas

assalamualaikum wr.wb udah lama neh gx posting....hehehe..mklum dah lagi sbuk dengan skul...oke kali ini gubacity akan memberitahukan bagaimana membuat buku tamu kita muncul nya dari bawah..hheheheh,,,biasa nya kan sering tu buku tamu keluar nya hanya dari samping saja..kali ini ada modifikasi sedikt..heheheh ..yah sumber nya ane bisa dari blog tetangga imcyber-team heheheh,,yang punya itu tmen ane..hehehe...okelah langsung aja kita mulai

1.login dulu ke akun blogger anda
2.pilih menu layout
3.plih add gadget
4.pilih html/javascript
5.copy kode berikut

<!-- fin de entry --><br><div class='list section' id='footerlist'><div class='widget html' id='html2'><br><div class='widget-content'><br><style type="text/css"><br>#fl{<br>position:fixed;<br>right:20px;<br>z-index:+1000;<br>}<br>* html #fl{position:relative;}<br>.flcontent{<br>float:right; <br>background:RED no-repeat 0 0 transparent;<br><br>width:272px;<br><br>height:460px;<br><br>padding:56px 0 20px 5px;<br><br>}<br>#tutupan {<br><br>padding:2px 0 0 0;<br><br>}<br></style><br><script type="text/javascript"><br>function showHideFL(){<br>var fl = document.getElementById("fl");<br>var w = fl.offsetWidth;<br>fl.opened ? moveFL(0, -250-w) : moveFL(50-w, 0);<br>fl.opened = !fl.opened;<br>}<br>function moveFL(x0, xf){<br>var fl = document.getElementById("fl");<br>var dx = Math.abs(x0-xf) > 25 ? 35 : 1;<br>var dir = xf>x0 ? 1 : -1;<br>var x = x0 + dx * dir;<br>fl.style.bottom = x.toString() + "px";<br>if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}<br>}<br></script><br><div id="fl"><br><div class="fltab" onclick="showHideFL()"> </div><br><div class="flcontent"><br><div style="text-align: center;"><b>JUDUL C BOX</b></div><br><br><span style="font-weight:bold;">KODE CBOX SOBA</span>T<br><br><div style="text-align: center;"><br><a href="javascript:showHideFL()"><br>[./tutup gan]<br></a></div><br><br></div><br></div><br><script type="text/javascript"><br>var fl = document.getElementById("fl");<br>fl.style.bottom = (-190-fl.offsetWidth).toString() + "px";<br><br></script><br><br><br><a href="javascript:showHideFL()"/><img border="0" src="http://lh3.ggpht.com/_MvLBi88bM_I/TKBi6-LLyiI/AAAAAAAABgo/mXUIjU7ayaY/NiceGB.png" title="TINGGALKAN KOMENT DIMARI YA GAN!!" alt="Fivers" style="display:scroll;position: fixed; top:50px;right:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;" height="100px" width="45px" /></a><br><br><br><script language='javascript'>function keypressed() {;return false;}document.onkeydown=keypressed;// End --></script></div></div></div>

6.Save dah ..trus liat hasilnya


semoga bermanfaat..jika ada yang ditanyakan silahkan post kan di coment