toko
HALLO TEMAN-TEMAN SEMUA, SELAMAT DATANG DI BLOG SAYA BIARPUN MASIH ACAK-ACAKAN DAN SEDERHANA BANGET MUDAH-MUDAHAN DAPAT MEMBERIKAN MANFAAT, SEMOGA BLOG INI TERUS BERKEMBANG .DUKUNG SAYA YAA..
Home » » Cara Membuat Buku Tamu Keren di Blog

Cara Membuat Buku Tamu Keren di Blog

Written By ca-poenk.blogspot.com on Friday, October 7, 2016 | 12:45:00 AM

Cara Membuat Buku Tamu Keren di Blog
Cara Membuat Buku Tamu Keren di Blog - Bagi anda para blogger pastinya menginginkan buku tamu bukan? Apakah anda tertarik dengan buku tamu di blog saya? Jika iya maka saya akan share cara membuat buku tamu keren di blog.

1. Anda silahkan daftar dulu di cbox untuk mendapatkan script buku tamu anda disini

2. Isi data tersebut dengan benar


Cara Membuat Buku Tamu Keren di Blog

3. Setelah kalian isi datanya, jangan lupa centang "i have read and...." lalu klik "create my cbox!"

4. Masuklah ke akun email anda untuk memverifikasi akun cbox anda

5. Klik tautan dari cbox yang ada di kotak masuk yahoo anda

6. Kini akun cbox anda aktif. Sekarang coba kalian cari script cbox anda atau lewat sini

7. Nah copy ke notepad script diantara tulisan
<!-- BEGIN CBOX - www.cbox.ws - v001 --> dan <!-- END CBOX -->

Text "begin.." dan "end.." tidak usah dicopy, cukup copy script yang ada diantara "begin..." dan "end.." saja.

8. Selanjutnya masuk ke blogger anda -> tata letak -> tambah gadget -> html/javascript

9. Masukkan 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/AVvXsEjC0sUpltLh_PaeOo8udzXCfdCp8bXPf1xjnwNTCjkmvv9qgurlrIh8taAlIaU_OHTJ6T60aB5ScDams-gzYrIRrLEKN0YU4nYo_b8DAPWUO2V246ugirEZJ3FUfXVTzLVTlvMUBwW1iOdD/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"> script cbox kamu <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://ca-poenk.blogspot.co.id/2016/10/cara-membuat-buku-tamu-keren-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>

10. Edit text yang berwarna merah dengan script cbox anda yang sebelumnya sudah disimpan notepad

11. Anda juga bisa mengedit text yang berwarna oranye dengan url gambar yang lain

Contoh:

Cara Membuat Buku Tamu Keren di Blog


http://i1089.photobucket.com/albums/i353/illankjie/bukutamu3.png



Cara Membuat Buku Tamu Keren di Blog


http://i1089.photobucket.com/albums/i353/illankjie/bukutamu5-2.png




Cara Membuat Buku Tamu Keren di Blog


http://i1089.photobucket.com/albums/i353/illankjie/bukutamu9-2.png



Cara Membuat Buku Tamu Keren di Blog


http://i1089.photobucket.com/albums/i353/illankjie/BukuTamu8-1.png




Cara Membuat Buku Tamu Keren di Blog



http://i1089.photobucket.com/albums/i353/illankjie/gustbook02-1.png






12. Klik "simpan"

Selesai. Kini anda sudah memiliki buku tamu seperti saya ^_^
Share this article :

0 comments:

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Share Infotech - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger