Cara Membuat Buku Tamu Melayang di Sebelah Kiri - Tadi saya sudah mengsshare Cara Pasang Buku Tamu di Blog, ini sangat mudah sekali tak perlu panjang lebar saya menjelaskan kita langsung saja menuju ke TKP.
Ini screenshot yang ada di blogger saya :
Langsung Ini Langkah - Langkahnya :
- Sigup di CBOX Lalu ambil Scriptnya dan simpan dulu di notepad
- Jika Sudah Login Blogger
- Masuk di Dasboard / Layout
- Add a Gadget / Tambah Gadget
- Lalu pilih HTML Javasript
- Masukkan kode Script di bawah ini dan ganti teks yang berwarna Merah dengan script CBOX yang anda dapat tadi.
<style>
#hcl {
position:fixed;
top:40px;
left:0px;
z-index:+1000;
}
* html #hcl {position:relative;}
.hcltab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8C4mSbwIfefB6p6oP0JU8M7lnBk_Iijys4vfUpy2vfibq3FM0S7L4cMaCrYh98qxfsMZTSlS_CiLbCKUCuk8UkYEmnN6zvNqoRG4jIDARqrwWD9qcuPIdvxEf_ph5jUrCQbOW3VI7OBo/s1600/Chatbox_left.png') no-repeat;
}
.hclcontent {
float:left;
border:2px solid #23aae2;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened;
}
function movehcl(x0, xf){
var hcl = document.getElementById("hcl");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcl.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>
<div id="hcl">
<div class="hclcontent">
<<Maukkan Disini Kode Script CBOX yang sudah di simpan tadi>>
<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<a href="http://olandsky.blogspot.com/2013/06/cara-pasang-buku-tamu-di-blog.html/" target="_blank">
Get this widget!
</a>
</span>
<span style="float:right">
<a href="javascript:showHidehcl()">
[close]
</a>
</span>
</div>
</div>
<div class="hcltab" onclick="showHidehcl()"> </div>
</div>
<script type="text/javascript">
var hcl = document.getElementById("hcl");
hcl.style.left = (30-hcl.offsetWidth).toString() + "px";</script>
- Lalu save dan Preview Hasilnya