Baiklah kali ini Ide Cemerlang Blog mau Share sedikit tentang cara membuat buku tamu pada blog, mngkin sebagan teman udah banyak yg tau. Ide Cemerlang hanya ingin berbagi ilmu saja, ydah langsung aja cara nya .
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
- Klik opsi HTML/Javascript
- 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/AVvXsEiWlOCDufsNd4yNGuCySi09kwOWPbz4NokoWIQUeakM-45YHc1JLfa6w7mQNg3Y1DBonuI9taJhWh56JX9spOrCUybuuP-MfJgJcWKt5XZ81oYy78MM9gFeL0tNbQwrvRqepUkMsJsMHLcM/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://terampil-info.blogspot.com/2012/05/panduan-cara-membuat-buku-tamu.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
- Seperti biasa sobat mesti login dulu ke blog sobat
- Silahkan klik Rancangan
- Klik elemen laman
- Klik tambah gadget/add gadget
- Klik opsi HTML/Javascript
- 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/AVvXsEiWlOCDufsNd4yNGuCySi09kwOWPbz4NokoWIQUeakM-45YHc1JLfa6w7mQNg3Y1DBonuI9taJhWh56JX9spOrCUybuuP-MfJgJcWKt5XZ81oYy78MM9gFeL0tNbQwrvRqepUkMsJsMHLcM/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://terampil-info.blogspot.com/2012/05/panduan-cara-membuat-buku-tamu.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
Mudah kan Sobat, Good Luck.
Ditulis Oleh : Ide-cemerlang.blogspot.com ~ Tips dan Trik Blogspot
Sobat sedang membaca artikel tentang Cara Membuat Buku Tamu Pada Blogger. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
Artikel Menarik Lain nya
- Cara Lengkap Membuat Efek Lipatan Kertas Di Ujung Kanan Atas Blog
- Cara Membuat Komentar Facebook dan Blogger Berdampingan Pada Semua Template
- Cara Membuat Efek Telur Ceplok Pada Blog
- Cara Membuat Efek Banjir Pada Blog Sobat
- Cara membuat Widget Bayi Merangkak Pada Blog
