Powered by Blogger.

Buku Tamu Keren Pada Blog


Artikel kali ini adalah pesanan dari sahabat bloger saya, dia meminta saya agar di buatkan tutorial "Buku Tamu yg nempel di dinding" hehehehhe!! Sebenarnya punya saya itu hasil nyolong di blog orang kemudian saya rombak sendiri Cuman nyuri kodenya duank :D hehehhehe, tetapi lupa nyolongnya dimana (kalau ada yang merasa sebagai penciptanya saya berterima kasih dan minta maaf juga heheh )..,,

Fungsi dari buku tamu yang nempel di dinding ( Kambing Nempel Di Tembok kaleeeee ) atau saya menamakannya Buku Tamu Slide adalah untuk mengirit tempat di blog sobat. Langsung saja cekidot dot

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


    Untuk mendapatkan code program pesan yang lain silahkan kunjungi alamat dibawah ini dan daftar :

http://www.cbox.ws/
http://www.shoutmix.com/
http://shoutcamp.com/

2. Isi data tersebut dengan benar

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/AVvXsEhId2aZEWQ4eAI2laUAGEBmcgzOwQtwJCVzunZcvJbfGZ0B4bPWsu4YVE_a08Lb4di3kDo9o9oNWPd0DbcVopZfrci5SE7OB6aJJvNxFBaaHD55gcD8ky8hCzrRDrhh2yuFY0FCsKzm0Qox/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://greatforumupdate.blogspot.com/2013/10/buku-tamu-keren-pada-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:



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







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






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







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






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




Kalau ada kesalahan tolong dikoreksi.
Terima kasih atas pesenannya, heheh lumayan nambah jumlah artikel.


0 komentar:

Post a Comment