Cara Membuat Buku Tamu Keren Di Blog

Oleh Unknown

Saturday 13 October 2012

Bagikan :

Tweet

• Login ke blogger sobat
• Template>>Edit HTML>>Lanjutkan(Jangan lupa centang"Expand Template Widget")
• Cari kode :

]]></b:skin>

• kalo udah ketemu paste kode dibawah ini tepat dibawah kode ]]></b:skin>

<style type='text/css'>
#gb{
position:fixed;
right:350px;
z-index:+1000;
}
#tabGb {
position:fixed;_position:relative;top:50px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollright+ document.documentElement.clientWidth - offsetWidth); }
* html #gb{position:relative;}

.gbcontent{
float:left;
border:2px solid  #4173af;
background:#ffffff;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:20px;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:20px;
padding:10px;
}

</style>
<script type='text/javascript'>
function showHideGB(){
var gb = document.getElementById(&quot;gb&quot;);
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 1500-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById(&quot;gb&quot;);
var dx = Math.abs(x0-xf) &gt; 25 ? 35 : 1;
var dir = xf&gt;x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + &quot;px&quot;;
if(x0!=xf){setTimeout(&quot;moveGB(&quot;+x+&quot;, &quot;+xf+&quot;)&quot;, 10);}
}
</script>

•  Save Template
• Klik Tata Letak >> Add Gadget/Tambah Gadget >> HTML/Java Script
• Masukkan Code Berikut

<div id="gb"> <div class="gbcontent"> 

 <!-- BEGIN CBOX - www.cbox.ws - v001 --> 

 <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=738910&amp;boxtag=aanqf5&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-738910" style="border:#000000 6px solid;" id="cboxmain5-738910"></iframe></div> <div><iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=738910&amp;boxtag=aanqf5&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-738910" style="border:#ffffff 1px solid;border-top:0px" id="cboxform5-738910"></iframe></div> </div> <p><span style='float:right;font:italic 10px Viner Hand ITC, Sans-Serif;'><a href='http://planktoon.blogspot.com/2012/07/membuat-buku-tamu-keren-di-blog-part-2.html' target='_blank'>Get This Widget</a></span></p> <div style='clear:both;'/> </div> 

 <!-- END CBOX --> 

<center><a href="javascript:void(0);" onclick="showHideGB()"><input type="button" value="Close" class="close" /></a> </center></div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.top = (-400-gb.offsetWidth).toString() + "px"; </script> <div id="tabGb"><a href="javascript:void(0);" onclick="showHideGB()" title="Buku Tamu"><img alt="Buku Tamu" heigth="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Qj7sGzSn3K11HCNk1zUxS0c8UKOklRSGoJ2BWc-5k-N2K9j0hFCi24UwLwpqltwzryO6GcUIXopcazKMdRUMHYxxGo4BgbwkSR_Hm8Zq5JGa-Zc-S909GJK9dqoVixkOhb-kLSDe47g/s1600/guest-book.png" border="0" /></a></div>

•  Ganti code yg bewarna Merah ganti dengan Code CBOX anda

Tag : Tutorial Blog