1. Buka website penyedia layanan
Buku Tamu yaitu “http://www.cbox.ws”
2. Klik Get your own free Cbox now!
3. Isi Form pendaftaran dengan
lengkap mulai dari Cbox Name, Email address, Password, alamat
website, dan bahasa
4. Masih di form pendaftaran, kita bisa
menentukan model dari Buka Tamu dengan memilih Style
5. Jika sudah selesai diisi semua
dengan lengkap klik tombol Create My Cbox dan kalian sudah berhasil dalam
membuat Buku Tamu.
Bila kalian sudah selesai dengan
cara di atas, sekarang waktunya untuk menyetting tampilan cbox yang akan kita
pasang pada blog
6. Login ke member area cbox
7. Klik Look & Feel > Layout
Options untuk Mengatur lebar ( Width ) dan Tinggi ( height ) Buku Tamu.
Sesuaikan dengan ukuran side bar blog kalian. dan kalian juga bisa mengatur
apakah pesan terbaru akan ditampilkan paling atas atau di bawah dengan memilih
In Order
8. Klik Look & Feel > Colours
& Fonts. kalian dapat menentukan warna, bentuk huruf dan lain-lain.
Silahkan setting sesuai dengan selera. lalu klik Save
9. Jika sudah selesai semua setting
anda, kemudian klik tombol Apply
Jika kalian sudah selesai mengikuti cara mudah membuat buku
tamu di blog pada langkah no. 9, sekarang lanjutkan tahap akhir, yaitu
meletakkan buku tamu tersebut pada blog kita
10. Masih di member area Cbox klik
Publish!
11. Lalu klik tombol Copy to
clipboard.
12. Login ke blogger.com >>
Klik Tata Letak / layout >> Tambah Gadget.
13. Di window yang muncul klik
HTML/Java Script.
14. Paste kode Buku Tamu yang telah
dicopy tadi ke kolom yang tersedia.
15. Klik simpan dan selesai sudah.
Buku tamu kalian sudah terpasang rapi
Untuk menghemat ruang dan halaman
blog, biasanya blogger menyembunyikan buku tamu tersebut di samping sidebar dan
ada juga yang meletakkannya pada sebuah postingan artikel.
Selesai
MEMBUAT BUKU TAMU TERSEMBUNYI :
Selesai
MEMBUAT BUKU TAMU TERSEMBUNYI :
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:300px;
width:70px;
float:left;
cursor:pointer;
background:url('
http://semarangkota.go.id/kel-pleburan/uploads/pdf/2013_07_09_05_56_40.jpg ') 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">
<!-- BEGIN CBOX - www.cbox.ws - v001
-->
<div id="cboxdiv"
style="text-align: center; line-height: 0">
<div><iframe
frameborder="0" width="245" height="305"
src="http://www4.cbox.ws/box/?boxid=4169037&boxtag=x9ec21&sec=main"
marginheight="2" marginwidth="2" scrolling="auto"
allowtransparency="yes" name="cboxmain4-4169037"
style="border:#140200 1px solid;" id="cboxmain4-4169037"></iframe></div>
<div><iframe
frameborder="0" width="245" height="75" src="http://www4.cbox.ws/box/?boxid=4169037&boxtag=x9ec21&sec=form"
marginheight="2" marginwidth="2" scrolling="no"
allowtransparency="yes" name="cboxform4-4169037"
style="border:#140200 1px solid;border-top:0px"
id="cboxform4-4169037"></iframe></div>
</div>
<!-- END CBOX -->
<div style="text-align: center;"><span
style="font-size: 10px;"><span style="font-family:
"Trebuchet MS",sans-serif;">Supported by <a
href="http://dawismanggar2.blogspot.com/"
target="_blank">PKK RT.03 RW.XIV</a></span></span></div><div
style="text-align:right"><a
href="javascript:showHideGB()">
[TUTUP]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() +
"px";
</script></div>
KETERANGAN :
1. Cetak Tebal : Kode HTML / Clipboard dari CBOX.
Tidak ada komentar:
Posting Komentar