Langkah-langkah membuat buku tamu tersembunyi, adalah sebagai berikut :
1. Siapkan dulu script Buku Tamu Anda, bisa dari web shoutmix, web cbox atau dari web lainnya, tentunya dengan cara mendaftar (login) dan biarkan dulu kalau sudah mendapat kode scriptnya atau disimpan dulu di notepad.
2. Login ke blogger.com, pilih rancangan, pilih tambah gadget, pilih html/javascript (jangan beri judul, tapi untuk mencoba pilih saja judulnya dengan kata "coba" supaya bisa diingat/diamati atau mudah untuk dihapus kalau tidak jadi atau sudah jadi).
3. Copy script berikut :
<style type="text/css">
#gb{
position:fixed;
top:23px;
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/AVvXsEiC8ianYoda7WV0ufNrH-Z28a5JRwRZtxmFRD1xyPGr2PM3BcHLxC9ydsGixVWasY7ik8ZkMbqll-hw84y1Pq_fwMpUGe1O3jPXMJ07Y0gLvZRBfqCDo85-odw80fm_rM9ijCtwYMBMeZL_/') 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">
( Tempatkan Script Buku Tamu Anda disini)
<br/>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
1. Siapkan dulu script Buku Tamu Anda, bisa dari web shoutmix, web cbox atau dari web lainnya, tentunya dengan cara mendaftar (login) dan biarkan dulu kalau sudah mendapat kode scriptnya atau disimpan dulu di notepad.
2. Login ke blogger.com, pilih rancangan, pilih tambah gadget, pilih html/javascript (jangan beri judul, tapi untuk mencoba pilih saja judulnya dengan kata "coba" supaya bisa diingat/diamati atau mudah untuk dihapus kalau tidak jadi atau sudah jadi).
3. Copy script berikut :
<style type="text/css">
#gb{
position:fixed;
top:23px;
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/AVvXsEiC8ianYoda7WV0ufNrH-Z28a5JRwRZtxmFRD1xyPGr2PM3BcHLxC9ydsGixVWasY7ik8ZkMbqll-hw84y1Pq_fwMpUGe1O3jPXMJ07Y0gLvZRBfqCDo85-odw80fm_rM9ijCtwYMBMeZL_/') 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">
( Tempatkan Script Buku Tamu Anda disini)
<br/>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
4. Tempelkan (pastekan) di area html/javascript, dengan cara tekan ctrl + v secara bersamaan pada keyboard atau klik kanan pilih paste (tempel)
5. Ambil script buku tamu yang ada di web shoutmix atau cbox atau yang sudah disimpan di notepad dengan cara dicopy.
6. Tempelkan (pastekan) ditempat yang ada tulisan merah
( Tempatkan Script Buku Tamu Anda disini), tentunya tulisannya di hapus dulu, baru di tempel.
( Tempatkan Script Buku Tamu Anda disini), tentunya tulisannya di hapus dulu, baru di tempel.
7. Pilih simpan dari dialog html/javascript.
8. Pilih simpan pada rancangan blogger.
9. Coba refresh blog Anda, dan amati apakah buku tamu sudah jadi atau belum !
10. Selamat mencoba, semoga jadi !
10. Selamat mencoba, semoga jadi !
0 komentar:
Posting Komentar
Silahkan tulis komentar Anda !