Membuat Buku Tamu Melayang di blog

Tanpa basa-basi langsung saja copas script berikut
<div id='trik_tengah'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

    $(".btn-slide").click(function(){
        $("#panel").slideToggle("slow");
        $(this).toggleClass("active"); return false;
    });

 
});
</script>
<style>
/* ---------------
Simple Slide panel with jQuery
---------------------------------- */
#panel {
        height: auto;
        background: #f90;
        width: auto;
        display: none;
    padding: 7px;
    border: #0C0;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
}
.slide {
    margin: 0;
    padding: 0;
    border-top: solid 4px #f90;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaQvrMbLrwamN-SJpzkhvekOJkA6S7tjEK-SB3aEt1HYA7GZAyM5FRV9EVcw_m-AIQ_sbKUzuMOk2-YXR9Prh17nY9-S2IecJFIGUfz-X3sso13Qd-6oG8VXu8ReotsuPIAZFegy614QM/s1600/btn-slide.png) no-repeat center top;

}
.btn-slide {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrzTBb9pLQWBM7CFWfXcg4mTUp_6g2HXTeX6bs1ECIZRwd1RU08ejuLDF_hZgoHAMBUFbj-FXCZ5RyLtk05cZKeS_wPnIociCVotZOPdAG4BLTz-03i7HTqQprAMBECnwz8dkC76jtIW0/s1600/white-arrow.gif) no-repeat right -50px;
    text-align: center;
    width: 144px;
    height: 31px;
    padding: 10px 10px 0 0;
    margin: 0 auto;
    display: block;
    font: bold 120%/100% Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
}
.active {
    background-position: right 0px;
}
</style>

<div id="panel">
<table style="text-align: left; width: 100%;" border="1" cellpadding="2"
cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;"><a href="http://s868.photobucket.com/albums/ab246/Rahmad_photos/?action=view&amp;current=74601_179439685419038_100000590236648_539179_2670751_n.jpg" target="_blank"><img src="http://i868.photobucket.com/albums/ab246/Rahmad_photos/74601_179439685419038_100000590236648_539179_2670751_n.jpg" border="0" width="330" height="320" alt="Photobucket" /></a><br /><center><a href="http://facebook.com/Singo07" target="_blank"><img src="http://i868.photobucket.com/albums/ab246/Rahmad_photos/facebook-button.gif" border="0" width="300" height="77" alt="Photobucket" /></a></center>
</td>
<td style="vertical-align: top;"><div id="cboxdiv" style="width: 300px; height: 380px;"></div>

<script type="text/javascript">
var cbvis = false;
var cbload = false;

function togglecbox () {
var cbdiv = document.getElementById("cboxdiv");

if (!cbvis) {
if (!cbload) {
cbdiv.innerHTML = '<iframe frameborder="0" width="300" height="305" src="http://www5.cbox.ws/box/?boxid=706289&amp;boxtag=wwmyc5&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-706289" style="border:#EDDEDB 1px solid;border-bottom:0px" id="cboxmain5-706289"></iframe><iframe frameborder="0" width="300" height="75" src="http://www5.cbox.ws/box/?boxid=706289&amp;boxtag=wwmyc5&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-706289" style="border:#EDDEDB 1px solid;border-top:0px" id="cboxform5-706289"></iframe>';
cbload = true;
}
cbdiv.style.display = "block";
}
else {
cbdiv.style.display = "none";
}
cbvis = !cbvis;
}
</script>

<!-- move the next line to the bottom of your <body> to defer the loading of your Cbox -->
<script>togglecbox();</script>



<script type="text/javascript">
var cbvis = false;
var cbload = false;
var cbcookie = "cboxvis=";

function togglecbox () {
var cbdiv = document.getElementById("cboxdiv");
var cbbut = document.getElementById("cboxbutton");

if (!cbvis) {
if (!cbload) {
cbdiv.innerHTML = '<iframe frameborder="0" width="300" height="305" src="http://www5.cbox.ws/box/?boxid=706289&amp;boxtag=wwmyc5&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-706289" style="border:#EDDEDB 1px solid;border-bottom:0px" id="cboxmain5-706289"></iframe><iframe frameborder="0" width="300" height="75" src="http://www5.cbox.ws/box/?boxid=706289&amp;boxtag=wwmyc5&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-706289" style="border:#EDDEDB 1px solid;border-top:0px" id="cboxform5-706289"></iframe>';
cbload = true;
}
cbdiv.style.display = "block";
cbbut.innerHTML = "Close Cbox";
}
else {
cbdiv.style.display = "none";
cbbut.innerHTML = "Open Cbox";
}
cbvis = !cbvis;
document.cookie = cbcookie+((cbvis)?1:0);
}
// Toggle Cbox open if it was previously
var cbcookiei = document.cookie.indexOf(cbcookie);
if (cbcookiei >= 0) {
if (document.cookie.substring(cbcookiei+cbcookie.length, cbcookiei+cbcookie.length+1) === "1") {
togglecbox();
}
}
</script>
</td>
</tr>
</tbody>
</table>
</div>
<p class="slide"><a href="#" class="btn-slide">Buku Tamu</a></p>

</div>
- Juli 17, 2013 Label: ,

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)
 

Linux Opensource & Phreaking Copyright © 2011-2012 | Powered by Blogger