Time in Ambon 
Mungkin temen-temen biasa melihat di blog-blog orang lain terdapat buku
tamu yang melayang maupun tersembunyi di samping. Hanya terlihat sebuah
gambar sederhana bertulis buku tamu ataupun guest. Disana adalah tempat
dimana temen-temen bisa meninggalkan pesan kesan, atau jejak kunjungan
teman-teman di blog tersebut. Jika teman-teman menyertakan pula URL
blog, Bisa suatu saat pemilik blog akan berkunjung kembali ke blog
temen-temen. Tentunya dengan harapan, temen-temen pun akan berkunjung
balik nantinya.
Dahulu, di blog ini sayapun memasang buku tamu tersembunyi (bisa dilihat pada gambar). Namun, pada januari 2015. saya pindahkan ke Sidebar, sekedar ingin berganti suasana.
Buku tamu tersembunyi ini, hampir tak berbeda dengan kolom komentar yang
ada di tiap posting artikel (sama-sama untuk meninggalkan jejak). Hanya
saja buku tamu tersembunyi yang ada disamping blog ini lebih mudah dan
ringan untuk meninggalkan jejak kunjungan di buku tamu daripada
berkomentar, karena biasanya tidak ada chaptcha (memasukan kata/angka).
Jika temen-temen ingin juga memasang Buku tamu seperti yang pernah saya
gunakan di samping. maka temen-temen bisa ikuti cara yang saya gunakan.
- Kunjungi http://www.cbox.ws/
- lalu Sign Up dan Buat akun disana. Temen-temen cukup menggunakan email.
- lalu buat username dan password
- isi alamat Website temen-temen
- sampai nantinya, temen-temen bisa dapat kode script dari sana setelah temen-temen memverifikasi akun cbox temen-temen lewat email yang masuk.
Setelah temen-temen memiliki akun cbox dan kode scrip nya.. temen-temen cukup masukan ke widget di blog temen-temen.
- login akun blog
- tambah gadjet
- Tambah HTML
- lalu Copi paste kan Scrip cbox disana
Jika temen-temen ingin kotak cbox tersembunyi seperti yang saya miliki,
maka tambahkan scrip seperti ini pada widget tadi. sehingga kurang lebih
menjadi seperti ini:
<style type="text/css">
#gb{
position:fixed;
top:60px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:180px;
width:30px;
float:left ;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzD_vajCoxVQLd6zlaLHgyexH1lYzf7SEx9Tr2KMi-hMurjmHD7fX08JnREtwB4PdoiVFmIMzLu4MMYyKaAYEBuen1wCHSRB1LvnOSkuCYc8bOJyHSnGh7czAtye7hLCFGOibvrcMUi8I/w30-h100-no/tabs_upi.png') 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">
SCRIP CBOX milik temen-temen
<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://pelajarterbaikupi.blogspot.com/2014/07/membuat-buku-tamu-di-blog-dengan-cbox.html">
sini
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
#gb{
position:fixed;
top:60px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:180px;
width:30px;
float:left ;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzD_vajCoxVQLd6zlaLHgyexH1lYzf7SEx9Tr2KMi-hMurjmHD7fX08JnREtwB4PdoiVFmIMzLu4MMYyKaAYEBuen1wCHSRB1LvnOSkuCYc8bOJyHSnGh7czAtye7hLCFGOibvrcMUi8I/w30-h100-no/tabs_upi.png') 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">
SCRIP CBOX milik temen-temen
<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://pelajarterbaikupi.blogspot.com/2014/07/membuat-buku-tamu-di-blog-dengan-cbox.html">
sini
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
Ganti Tulisan Berwarna Biru dengan Scrip Cbox yang temen-temen miliki. Lalu Save.
0 komentar:
Posting Komentar