Cara Memasang Buku Tamu pada Blog
Buku Tamu adalah suatu elemen atau bagian dalam blog yang cukup penting, walaupun tidak terlalu penting. (bingung ???. ). Dengan buku tamu, kita dapat berinteraksi dengan pemilik blog, jadi bisa saling silaturahmi, nah bagi kawan-kawan yang bingung dalam pemasangan buku tamu, andryemos akan berbagi cara memasang buku tamu
Dafar ke situs penyedia Buku tamu
1. Daftar ke situs penyedia buku tamu, klik disini
2. Isi form pendaftaran dengan data yang agan miliki
3. Setelah berhasil mendaftar, masuk ke situs web tersebut. (cbox)
4. Masuk ke tab Publish !, lalu copy code buku tamunya
contoh code cbox
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www7.cbox.ws/box/?boxid=501967&boxtag=wq06xm&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-501967" style="border:#000000 1px solid;" id="cboxmain7-501967"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=501967&boxtag=wq06xm&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-501967" style="border:#000000 1px solid;border-top:0px" id="cboxform7-501967"></iframe></div>
</div>
<!-- END CBOX -->
Cara Memasang Buku Tamu di Blog
1. Masuk ke dasbhord blog agan
2. Pilih tata letak > tambah gadget > HTML/Javascript
3. Masukkan kode yang sudah agan copy tadi di kolom HTML/javascript
4. Save
Cara Memasang Buku Tamu di bagian Kanan Blog
1. Masuk ke dasbhord blog agan
2. Pilih tata letak > tambah gadget > HTML/Javascript
3. Masukkan kode dibawah ini
<style type="text/css">catatan : ganti script warna merah dengan script cbox agan
#gb{
position:fixed;
top:60px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i1089.photobucket.com/albums/i346/andryemos/ScreenHunter_02Mar102026.jpg') no-repeat;
}
.gbcontent{
float:left;
border:3px solid #000000;
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">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www7.cbox.ws/box/?boxid=501967&boxtag=wq06xm&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-501967" style="border:#000000 1px solid;" id="cboxmain7-501967"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=501967&boxtag=wq06xm&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-501967" style="border:#000000 1px solid;border-top:0px" id="cboxform7-501967"></iframe></div>
</div>
<!-- END CBOX -->
<div style="text-align:right">
<a href="http://andryemos.blogspot.com">
[Free ShoutMix]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
4. Save
Cara Memasang Buku Tamu Auto Hide (Otomatis tersembunyi) di Blog
1. Masuk ke dasbhord blog agan
2. Pilih tata letak > tambah gadget > HTML/Javascript
3. Masukkan kode dibawah 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://i1089.photobucket.com/albums/i346/andryemos/ScreenHunter_02Mar102026.jpg') 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("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>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www7.cbox.ws/box/?boxid=501967&boxtag=wq06xm&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-501967" style="border:#000000 1px solid;" id="cboxmain7-501967"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=501967&boxtag=wq06xm&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-501967" style="border:#000000 1px solid;border-top:0px" id="cboxform7-501967"></iframe></div>
</div>
<!-- END CBOX -->
<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://andryemos.blogspot.com/"> 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>
catatan : ganti script warna merah dengan script cbox agan
4. Save
Sekian beberapa cara memasang buku tamu. semoga bisa membantu agan2 sekalian.. ;D
postingan yang bermanfaat sob :)
ReplyDeletepostingan yang bermanfaat sob :)
ReplyDeletemakasih informasinya
ReplyDeleteGimana cara dapat Script Cbox nya Gan ??
ReplyDeletethank you
ReplyDeletedi baca dari atas lagy gan. .
DeleteWhat a stuff of un-ambiguity and preserveness of valuable
ReplyDeletefamiliarity on the topic of unexpected emotions.
My webpage: Nike Air Jordan
Makasih.
ReplyDeleteSalam kenal.
izin praktek dan salam kenal gan
ReplyDeletebnyak juga ya kode nya..
ReplyDeletemumet liat nya..
wkwkwk
main ke blog ane sob..
Review Laptop
mantap dah artikelnya.. dan aku mau coba pasang
ReplyDeletewah kerenn.. ga kaya bukutamu saya yg usang, hufttt .. maklum newbie
ReplyDeletehttp://rumahkita.net/guestbook
bagus juga nih template punya agan
ReplyDeletetop
ReplyDelete