Cara Membuat Buku Tamu Di Blog Keren

Malam Sahabat Teknisi Amatiran jumpa lagi sama saya selaku admin teknis Amatiran yang selalu uptodate tentang berbagai artikel mengenai seputar komputer dan berbagai macam tentang dunia internet yang mungkin suatu saat bermanfaat untuk kita semua.kali ini saya akan membagikan artikel Cara Membuat Buku Tamu Di Blog Keren yang sudah saya rangkum dari berbagai sumber terpercaya,berikut penjelasanya :

kali ini saya akan membuat psotingan tentang membuat Buku Tamu seperti yang tampak pada blog saya sendiri mungkin kalian bermina jadi langsung saja di coba dan ikuti Step By Stepnya

1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
2. masukkan script di bawah ini

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}
.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
}
.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){
var gb = document.getElementById(red"gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>
<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>
<div class="gbcontent">
<center>

MASUKKAN KODE CHEATBOX KALIAN DI SINI
<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>
</div>

3. kemudian di SAVE

NB: jangan lupa untuk yang wana merah pasang script cheatbox kalian masing masing

Belum ada Komentar untuk "Cara Membuat Buku Tamu Di Blog Keren"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel