Cara Mudah Membuat Buku Tamu Keren Tersembunyi di Samping blog
Supaya blog menjadi lebih menarik tentunya harus di tambah beberapa atribut-atribut keren, salah satunya yaitu memasang Buku Tamu Keren Tersembunyi di Samping blog.
Ingin membuat Buku Tamu Keren Tersembunyi di Samping blog ?
simak langkah-langkah berikut:
- Pertama anda kunjungi situs http://www.cbox.ws/ untuk login, yang belum punya akun silahkan daftar terlebih dahulu dengan cara mengklik Sign up
- Setelah mendaftar anda akan disuruh masuk ke cbox anda
- Edit cbox sesuai keinginan anda.
- cari Script cbox anda, untuk lebih mudah klik disini
- Copy semua scriptnya dan simpan dulu di notepad anda
- Lalu menuju ke blogger anda => Tata letak => Tambah gadget => Html/Javascript
- Copy dan pastekan script berikut 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/AVvXsEiPPsm1YWjehusiB126ZGCPgdiqR0P5z10K-D-cQSPL86YvAKuromruIlQPoTXYswYzXoPW_PCZEJilaJJeVJWOgzhMjPE1feLjgDzo0ioA4qeHCFc3dDTQHbPOBYNIKa1d5jyKHjYDhYlp/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 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www2.cbox.ws/box/?boxid=2346814&boxtag=q069aw&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain2-2346814" style="border:#000000 1px solid;" id="cboxmain2-2346814"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www2.cbox.ws/box/?boxid=2346814&boxtag=q069aw&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform2-2346814" style="border:#000000 1px solid;border-top:0px" id="cboxform2-2346814"></iframe></div>
</div>
<!-- END CBOX --> <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://generasipemula.blogspot.com/2014/07/cara-mudah-membuat-buku-tamu-keren.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>
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www2.cbox.ws/box/?boxid=2346814&boxtag=q069aw&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain2-2346814" style="border:#000000 1px solid;" id="cboxmain2-2346814"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www2.cbox.ws/box/?boxid=2346814&boxtag=q069aw&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform2-2346814" style="border:#000000 1px solid;border-top:0px" id="cboxform2-2346814"></iframe></div>
</div>
<!-- END CBOX --> <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://generasipemula.blogspot.com/2014/07/cara-mudah-membuat-buku-tamu-keren.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>
- Ganti tulisan yang berwarna merah dengan kode script cbox anda, yang tadi anda simpan di notepad.
- Klik simpan dan lihat hasilnya di blog anda.
Untuk tulisan yang berwarna biru, itu adalah url gambar buku tamu, anda bisa menggantinya dengan url lainnya! baca-cara-mengetahui-url-gambar-dengan-mudah.
sekian dulu untuk postingan kali ini
semoga bermanfaat
wassalam . . .
sumber ilmu : http://ramadhanlmzero.blogspot.com/
Belum ada Komentar untuk "Cara Mudah Membuat Buku Tamu Keren Tersembunyi di Samping blog "
Posting Komentar