Rabu, 14 Desember 2011
0
Cara membuat Buku Tamu di Pojok
Okelah saya bagi, cara ini saya dapatkan dari sobat Yudhaime's Blog yang pinternya bukan main. Caranya gampang, cuma gini doank kok:
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSwTv6aCZ6MxFfbrg-bU3NYVeH_zRPlofzaiWtH1G1bg4m0dVq7NJ1198HfWvkbefp6Lz2EourvH1vfAX4Bqjw3M6FPhXXSEh02FUqhe19MdatYo-rbkgYk_Iv9frfW0fSUBzTvF7Cy1Lz/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
Taruh kode HTML BUKU TAMU (SHOUTBOX/C-BOX) kamu disini
<br /><a href="" title="">Yudhaime's Site</a><br />
<div style="text-align:right">
<a href="">
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
- Login dulu di blogger.
- Kalo udah, siapkan kode Cbox ato Shoutbox kamu.
- Kemudian silahkan copas kode berikut ini :
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSwTv6aCZ6MxFfbrg-bU3NYVeH_zRPlofzaiWtH1G1bg4m0dVq7NJ1198HfWvkbefp6Lz2EourvH1vfAX4Bqjw3M6FPhXXSEh02FUqhe19MdatYo-rbkgYk_Iv9frfW0fSUBzTvF7Cy1Lz/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
Taruh kode HTML BUKU TAMU (SHOUTBOX/C-BOX) kamu disini
<br /><a href="" title="">Yudhaime's Site</a><br />
<div style="text-align:right">
<a href="">
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
- Pada tulisan yang berwarna merah silahkan diganti dengan kode HTML buku tamu (Cbox atau Shoutbox) kamu.
- Kalo udah, masukkan ke box "Auto Instal" di bawah lalu klik "Instal ke Blog".
- Setelah masuk ke jendela baru (Add-Widget) klik "Menambah Widget".
- Saya berhasil menggunakan cara ini, semoga anda juga, kalo ada masalah atau kekurangan pada tulisan ini silahkan kritik saya dibawah ya..Semoga Bermanfaat.
Jangan lupa untuk memberikan saran dan komentar anda, untuk kemajuan blog ini |Do not forget to give your suggestions and comments, to the progress of this blog
Langganan:
Posting Komentar (Atom)

0 Responses to “Cara membuat Buku Tamu di Pojok”
Posting Komentar