Cara Pasang Buku Tamu Tersembunyi / Hidden ShoutBox, sebenarnya tsudah banyak para blogger membahasnya dalam posting mereka, tapi sekedar mengingatkan kembali ARiiiiE coba untuk mengulang posting tentang Cara Pasang Buku Tamu Tersembunyi / Hidden ShoutBox. Shoutbox atau shoutmix yang terletak di setiap web/blog adalah sebuah widget atau fasilitas antar muka antara pengunjung blog dengan yang punya blog atau sering disebut sebagai Admin web/blog tsb.
Buku Tamu menurutku adalah widget yang penting ada di web/blog kita, sebab dengan media ini kita bisa berinteraksi dengan pengunjung blog, sehingga akan tercipta interaksi yang akan menjalin silahturahmi antara pemilik blog atau antara pengunjung blog, ujung-ujungnya widget ini juga akan mendatangkan traffic untuk blog kita.
Namun yang sering menjadi masalah dalam pemasangan Buku Tamu ini adalah space yang tidak cukup di halaman muka atau halaman index suatu web/blog, Tip ini akan membantu kita untuk menampilakan Buku tamu untuk tetap tampil di halaman muka namun tidak akan memakan space/tempat, sebab widget ini akan disembunyikan di samping Body blog. langkah Cara Pasang Buku Tamu Tersembunyi / Hidden ShoutBox ini mudah untuk dilakukan, langkahnya hampir sama dengan Cara memasang Widget Facebook atau widget lain yang biasa kita lakukan
Berikut Langkahnya.
Buka Akun Blog dengan ID Sobat
Klick Tata Letak dan Pilih Tambah Gadget
Pilih html/javascript dan Copy Paste kode di bawah 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/AVvXsEgu0jMMCfS4Q58dzcjfNbLKWHTPaTmD9hCwp7wc4jEeKKbxGOmmnJpHU2RjXesWKHrZK3iantdvK1NQKuj4bWWzXj2JeDKeInCPH1YX0bnAAPPG1Ub5MC1dCfcJhSPSXiDl520TZhcXRdbb/') 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">
Letakkan kode Widget Sobat Disini
<div style="text-align:right">
<a href="http://www.ariiiie.co.cc/2010/12/cara-pasang-buku-tamu-tersembunyi.html">[get this widget]</a>><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></div></div>
Silahkan atur sendiri tingginya (posisi widget dari atas) dengan mengganti nilai 50px sesuai dengan keinginan Sobat, dan ganti kalimat yang warna merah dengan script/kode Buku Tamu Sobat, dan langkah terakhir,
Simpan dan Selesai
Widget ini tidak hanya bisa di pasang untuk Buku Tamu tapi juga bisa di isi dengan widget lain seperti Status YM, Facebook dan Twitter, bahkan sobat juga bisa mengisi dengan iklan, jadi silahkan Sobat utak-atik saja script Cara Pasang Buku Tamu Tersembunyi / Hidden ShoutBox.
Buku Tamu menurutku adalah widget yang penting ada di web/blog kita, sebab dengan media ini kita bisa berinteraksi dengan pengunjung blog, sehingga akan tercipta interaksi yang akan menjalin silahturahmi antara pemilik blog atau antara pengunjung blog, ujung-ujungnya widget ini juga akan mendatangkan traffic untuk blog kita.
Namun yang sering menjadi masalah dalam pemasangan Buku Tamu ini adalah space yang tidak cukup di halaman muka atau halaman index suatu web/blog, Tip ini akan membantu kita untuk menampilakan Buku tamu untuk tetap tampil di halaman muka namun tidak akan memakan space/tempat, sebab widget ini akan disembunyikan di samping Body blog. langkah Cara Pasang Buku Tamu Tersembunyi / Hidden ShoutBox ini mudah untuk dilakukan, langkahnya hampir sama dengan Cara memasang Widget Facebook atau widget lain yang biasa kita lakukan
Berikut Langkahnya.
Buka Akun Blog dengan ID Sobat
Klick Tata Letak dan Pilih Tambah Gadget
Pilih html/javascript dan Copy Paste kode di bawah 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/AVvXsEgu0jMMCfS4Q58dzcjfNbLKWHTPaTmD9hCwp7wc4jEeKKbxGOmmnJpHU2RjXesWKHrZK3iantdvK1NQKuj4bWWzXj2JeDKeInCPH1YX0bnAAPPG1Ub5MC1dCfcJhSPSXiDl520TZhcXRdbb/') 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">
Letakkan kode Widget Sobat Disini
<div style="text-align:right">
<a href="http://www.ariiiie.co.cc/2010/12/cara-pasang-buku-tamu-tersembunyi.html">[get this widget]</a>><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></div></div>
Silahkan atur sendiri tingginya (posisi widget dari atas) dengan mengganti nilai 50px sesuai dengan keinginan Sobat, dan ganti kalimat yang warna merah dengan script/kode Buku Tamu Sobat, dan langkah terakhir,
Simpan dan Selesai
Widget ini tidak hanya bisa di pasang untuk Buku Tamu tapi juga bisa di isi dengan widget lain seperti Status YM, Facebook dan Twitter, bahkan sobat juga bisa mengisi dengan iklan, jadi silahkan Sobat utak-atik saja script Cara Pasang Buku Tamu Tersembunyi / Hidden ShoutBox.
Semoga bermanfaat sob. Kalau ada yang kurang jelas, silakan tanyakan di kotak komentar.