Cara Membuat Buku Tamu Di Blog

Assalamu'alaikum wr.wb

Pada kesempatan kali ini saya akan memberikan tutorial membuat buku tamu di blog, simak tutorialnya berikut ini.

1. Buka Cbox atau Klik di sini
2. Isi formulir pendaftarannya

3. Klik Create my Cbox!
4. lalu, Klik di sini dan login

5. Jika sudah login maka Klik di sini 

6. Cari tulisan Get your embed code

7. Copy script yang ada di bawah tulisan tersebut

8. Paste script tadi di notepad

9. Copy Script Berikut

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi51daFaes5r4zhBoIlpuRQSEx-eMqKV7lwa1tsP1OxCxzAx2JN9QDk1oifEA9wlXEJ6vd0vbssSIRKuYz-zCIrIcxSPAJKpdjsEO9q2idEzrMt_mXbS8h1NRZm9b4F88W1a_5ycd762RQ/s1600/bt-biru.jpg') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </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"> script cbox kamu <br/>Mau buat buku tamu seperti ini ?<br/>Klik <a href="" target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

10. Ganti tulisan berwarna merah dengan script cbox kalian yang telah di simpan di notepad tadi

11. Buka blogger/blogspot kalian

12. Klik tata letak

13. Klik tambah gadget

14. Klik HTML/Javascript

15. Paste Script Tadi

16. Klik Simpan

17. Lihatlah hasilnya dengan cara membuka blog kalian

Peringatan : kalian bisa mengganti tulisan berwarna oren dengan tulisan di bawah gambar berikut

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi51daFaes5r4zhBoIlpuRQSEx-eMqKV7lwa1tsP1OxCxzAx2JN9QDk1oifEA9wlXEJ6vd0vbssSIRKuYz-zCIrIcxSPAJKpdjsEO9q2idEzrMt_mXbS8h1NRZm9b4F88W1a_5ycd762RQ/s1600/bt-biru.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSMIdTLVOT0bWH2LRbH3hWdcIUI3EPWQ9eoI9MNvJAiT6_dr5SqswLBXCskXVqDsvuv04OzBNJWFZEXx0iW9cdbAbqUB-sicOB6TFs5B0O6JYUmr5OODcPAW6sjyjOerNf9m7cYYCTnHw/s1600/bt-gif.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivbucaxpyQE4eQRk60_R05Le2ij7zXnUpMrohhVjui7zDA6XwlvVugNJgB-26gdS9od7zYJZm-ycN1VRNAwOBWZ7IrkSSyVeFvJK3KDYnT8KVEm1YqHXEvD6izNhyphenhyphendGKL07uSWubC3NQg/s1600/bt-hijau.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNe9tylRA2VNyFWa_rL7pviyhpJRUMxuiDNmP9TNLRiTTsWRTUW0f5bC0TUaykmkgQ9LdpMJReIuKs6Vl8OJWKC1j1fcbee_MYmxO2iHFy4gywsS6oUrio-JeJVwWMvrr-Y-OD0VH0Rqc/s1600/bt-kuning.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaAmBOxi4sDH5qyZQ9SlusP6EbrrKnakZ0w9c6elQTdcy05rxFkVlj24GMRgNQlr5Vt_Jgtkt8kwLfPqDNbUAwUcMZ4glfqmno4Py37o_CHpBJBLNATlRb7J0VqPA19KvKKggWQOE8fcc/s1600/bt-merah.jpg

Read More