ipullinoist-Blog | Cara membuat buku tamu di blog
Pada tulisan saya kali ini saya akan share tutorial cara membuat buku tamu atau guest book, ayo kita mulai saja pembahasannya.
Untuk memulai membuatnya,silahkan ikuti panduan dan langkah-langkahnya seperti berikut :
- Seperti biasa sobat mesti login dulu ke blog sobat
- Silahkan klik Rancangan
- Klik elemen laman
- Klik tambah gadget/add gadget
- Silahkan sobat Copy dan Paste Kode HTML di bawah ini :
<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/AVvXsEh7Jkfi5-33_TIcvKnL74vhcFpzyt3Fc65NKtxk2YZ1PeEmkUvkudLKlQQX8pZyLaHMWeoWB0axb7ZiLPSNBNfMsjUlZxBg2UhduLADbqTkgA5PyYY7mI8tnhdvUfqqCu6fgpXLS8ucqUri/s1600/buku+tamu.png')
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"> <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik sampeyan <!-- END CBOX -->
<br/>Mau buat buku tamu ini ?<br/>Klik <a
href="http://ipullinoist.blogspot.com/2013/01/cara-membuat-buku-tamu-di-blog.html"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>
- Silahkan sobat ganti tulisan yang berwarna merah dengan Kode yang sobat peroleh dari cbox
- Untuk mendapatkan kode dari cbox,silahkan kunjungi Cbox
- Silahkan Registrasi/Sign Up ( gratis/free ) dengan email sobat terlebih dulu,kemudian verifikasi email trus silahkan login
- Silahkan ikuti petunjuk yang ada
- Copy dan Paste kodenya ke tulisan yg berwarna merah tersebut
- Selesai
0 komentar:
Posting Komentar