Cara Membuat Buku Tamu di Blog
Assalamualaikum Wr. Wb.
Hallo Sobat Kali ini Saya akan membagikan tentang Cara Membuat Buku Tamu di Blog. Mungkin sudah banyak yang tahu tentang
cara ini. Oke langsung saja ke tutorialnya di bawah ini:
1. Masuk ke Cbox
2. Daftarkan data Diri Anda.
3. Create My Cbox
4. Jika sudah Login ke area diatas masukkan Password Anda.
5. Jika sudah lalu pilih Look & Feel >> Layer Options
6. Atur, setelah selesai klik Save.
7. Untuk Mengambil kode HTMLnya Silahkan klik Publish lalu klik tombol Copy to ClipBoard.
8. Lalu Anda masuk ke Blogger
9. Pilih Tata letak
10. Klik Tambah Gadget.
11. Lalu Salin kode dibawah ini:
<!-- Mulai Hidden Widget -->
<style type="text/css">
.rifaldhi_fixed{
position:fixed;
top:70px; /*jarak dari atas*/
right:0px;
z-index:+1000;
}
* html .rifaldhi_fixed {position:relative;}
#hidden_rifaldhi {
display:none;
border:2px solid #616258; /*ketebalan dan warna kotak*/
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
background:#f1f1ea; /*warna latar*/
padding:3px 10px 0px 10px;
}
</style>
<div class="rifaldhi_fixed">
<table id="hidden_rifaldhi" cellpadding="0" cellspacing="0">
<tr><td>
<!-- Gambar Atas -->
<div style="text-float:right"><a href="javascript:void(0)" onclick="rifaldhi_showHiderifaldhi()" title="Close/Tutup"><img style="border:0px;
width:auto; height:auto;" alt="Guestbook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkgfEM9XN1cQ1eQ6mfUeAC3nm2p2blkKl6JxBajMlCb9Es0fachLOQoSryWhKIr5yIdKO2Ip-YDnevMHmElmoxpF7OjmM8cQ5lOm8rZAXNNPj9JMJtEGQU5-zhazkxH75RR_odpvBCT9hI/s1600/close.png"
/></a></div>
Kode HTML yang Anda Dapat dari Cbox
<br/>
<script type="text/javascript" src="http://nofalsama77kode.googlecode.com/files/bukutamu%20%282%29.js"></script>
</td></tr></table></div>
<!-- Gambar Samping -->
<div style="z-index:+5" class="rifaldhi_fixed">
<a href="javascript:void(0)" onmouseover="rifaldhi_showHiderifaldhi()">
<img style="border:0px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOJt6V37AMF2hW-IzUOHwpg-Mb-PGx9NyeDlk61F1SdHoFCoxFckK99V8Gt8P9x7HQ7_mR2MYrHRtigd_XxCGpym2jUQwAc1WpW2GBgmdeGO594c9BHSc7yl_mrK4Xuqm7Zl7P5G3F_Pug/s1600/bukutamu3c.png" /></a>
</div>
<!-- Selesai Hidden Widget -->
<style type="text/css">
.rifaldhi_fixed{
position:fixed;
top:70px; /*jarak dari atas*/
right:0px;
z-index:+1000;
}
* html .rifaldhi_fixed {position:relative;}
#hidden_rifaldhi {
display:none;
border:2px solid #616258; /*ketebalan dan warna kotak*/
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
background:#f1f1ea; /*warna latar*/
padding:3px 10px 0px 10px;
}
</style>
<div class="rifaldhi_fixed">
<table id="hidden_rifaldhi" cellpadding="0" cellspacing="0">
<tr><td>
<!-- Gambar Atas -->
<div style="text-float:right"><a href="javascript:void(0)" onclick="rifaldhi_showHiderifaldhi()" title="Close/Tutup"><img style="border:0px;
width:auto; height:auto;" alt="Guestbook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkgfEM9XN1cQ1eQ6mfUeAC3nm2p2blkKl6JxBajMlCb9Es0fachLOQoSryWhKIr5yIdKO2Ip-YDnevMHmElmoxpF7OjmM8cQ5lOm8rZAXNNPj9JMJtEGQU5-zhazkxH75RR_odpvBCT9hI/s1600/close.png"
/></a></div>
Kode HTML yang Anda Dapat dari Cbox
<br/>
<script type="text/javascript" src="http://nofalsama77kode.googlecode.com/files/bukutamu%20%282%29.js"></script>
</td></tr></table></div>
<!-- Gambar Samping -->
<div style="z-index:+5" class="rifaldhi_fixed">
<a href="javascript:void(0)" onmouseover="rifaldhi_showHiderifaldhi()">
<img style="border:0px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOJt6V37AMF2hW-IzUOHwpg-Mb-PGx9NyeDlk61F1SdHoFCoxFckK99V8Gt8P9x7HQ7_mR2MYrHRtigd_XxCGpym2jUQwAc1WpW2GBgmdeGO594c9BHSc7yl_mrK4Xuqm7Zl7P5G3F_Pug/s1600/bukutamu3c.png" /></a>
</div>
<!-- Selesai Hidden Widget -->
12. Klik Save
Note : Anda ubah tulisan yang berwarna biru menjadi Kode yang Anda Peroleh dari Cbox.
Sekian dulu tutorialnya, kurang lebihnya Mohon maaf.
Wassalamualaikum Wr. Wb.
Written By : Tricker Comunity