Sekolah Forex Indonesia
Anda Di : Home » blogger tutorial » Pasang Buku Tamu Tersembunyi Di Blogger

Pasang Buku Tamu Tersembunyi Di Blogger

Kali ini saya akan menuliskan bagaimana cara pasang buku tamu di blogger, namun pada artikel ini saya akan menuliskan tutorial cara pasang buku tamu Tersembunyi / Hidden.

Buku tamu merupakan salah satu hal yang tidak wajib ada di blog kita, namun buku tamu bisa mempercantik blog kita. Selain itu pengunjung blog kita bisa dengan mudah menyapa kita sebagai admin (atau pengunjung lainnya), walau cuma sebatas kalimat (mampir gan, malam, kunjungi blog saya juga ya, dsb...)

Buku tamu tersembunyi juga baru saya pasang di sidebar blog ini. Setelah niat untuk pasang buku tamu tersembunyi di blog ini akhirnya timbullah niat untuk menuliskan bagaimana cara memasang buku tamu tersembunyi di sidebar blogger.
Cara Pasang Buku Tamu Tersembunyi Di Blogger
Ok ga perlu panjang lebar, langsung saja ke topik utama kita.

Panduan Cara Pasang Buku Tamu Tersembunyi Di Sidebar Blogger

Pertama-tama silakan buat akun di www.cbox.ws atau di situs penyedia script buku tamu gratis yang teman suka.

Kemudian ambil script yang sudah di sediakan (kopi kodenya).

Sekarang mari kita ke blogger. Jika belum login silakan login dulu. Jika sudah login silakan klik Rancangan/Design/Tata Letak dan Klik Tambah Gadget/Add Gadget. Jika masih bingung bagaimana cara pasang di blogger silakan baca : Panduan Cara Menghias Blog Blogger

Pilih html/javascript dan silakan paste kode di bawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-mrsZX_-WDkk/Te5tiGXpqNI/AAAAAAAAAZg/hDLjMWDN6_U/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</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">
Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini

<div style="text-align:right">
<a href="http://blog.ahmadrifai.net/2011/06/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Bagi teman-teman yang faham bahasa css atau html silahkan di atur sendiri tampilannya sesuai selera, jika sudah selesai silakan di Simpan dan Selesai

Update  13 Agustus 2012 Harap Dibaca !

Bagaimana cara mendapatkan script buku tamu, agar lebih jelas silakan baca Cara Mendapatkan Script Buku Tamu Di Cbox.ws
Posted by Ahmad Rifai on 12:56 AM | 51 komentar
Tags:

Jangan Lupa Like dan share artike Pasang Buku Tamu Tersembunyi Di Blogger ini ya.

New Tutorial :
Pasang Buku Tamu Tersembunyi Di Blogger

Tentang Admin

Hanya seorang blogger biasa yang ingin mencoba menulis apa saja yang bisa di tulis, baik seputar tutorial blog, blogger template, dsb.

Berlangganan via RSS Feed

Mau baca artikel terbaru langsung di Email kamu? Silahkan masukan alamat email kamu untuk berlangganan artikel baru. (GRATIS!!!)

Jangan lupa konfirmasi di Email Kamu.

Saat ini kamu sedang berada di halaman Pasang Buku Tamu Tersembunyi Di Blogger, di bawah ini ada beberapa artikel lainnya yang mungkin ingin kamu baca, terimakasih atas kunjungannya.

51 komentar

  1. Andi Hasbi Jaya
    August 20, 2011 at 9:24 AM

    Thanks masterrr ahirnya berhasil juga

  2. ERIYAN SUDIART
    August 21, 2011 at 1:52 PM

    siiip thanks bos atas infonya..

  3. Akhir Alubi
    November 13, 2011 at 6:18 PM

    aku ikut gabung,, dan join..

    pleease join this my site
    visit back : http://freedownload-onlain.blogspot.com/

  4. Harun Ar
    November 16, 2011 at 4:59 PM

    Mantap infonya, Trim's. Langsung ke TKP

  5. Feri Susanto
    November 30, 2011 at 4:52 PM

    Paste kode di atas dibagian mana ya om? *masih bingung nee:) Tq

  6. Feri Susanto
    November 30, 2011 at 5:02 PM

    Ow, sudah ketemu, tambah gadget ya.. ta kirain di Edit HTML.. hehehe. Tq

  7. Hilal Nadjmi
    December 20, 2011 at 3:52 PM

    makasih bro artikelnya sangat membantu sekali :D

  8. Jasa Pengantin
    December 23, 2011 at 11:13 AM

    terimakasih gan mantab infonya bagi blogger pemula seperti saya, salam kenal dan salam sukses yah

  11. arifin muhammad
    January 16, 2012 at 8:31 AM

    gan gmana siih pasang kode HTML gwe gx prnah berhasil,,,


    by#blogger katro,,

  12. Naya Hana
    January 17, 2012 at 9:45 PM

    GUYS PASSWORD DI PENGISIAN CBOX CARANE GIMANA? KOK SALAH TERUS SII. TOLONG JAWAB YAA

  13. Ahmad Rifai
    January 18, 2012 at 8:09 PM

    @Naya Hana udah daftar belum di sana, kalo belum silakan daftar dulu (gratis kok). mungkin mba belum punya akun di sana, jadi ga bisa login.

  14. kadek ari wibawa
    January 19, 2012 at 8:11 PM

    ah,, gak jelas nieh,,
    Bagian "Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini" maksudnya gimana..??
    Jelasin gan,,

  15. Ahmad Rifai
    January 20, 2012 at 7:56 PM

    @kadek ari wibawa Langkah pertama udah dilakukan belum? (1. buat akun di www.cbox.ws)

    Nah kalo udah daftar di sana silakan ambil kode html (untuk menampilkan bukutamu) yg disediakan disana.

    Setelah itu kopi dan paste pada "Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini"

  16. Widhi
    January 22, 2012 at 7:00 PM

    ini artikel sangat membantu saya gan... :)
    coba dulu gan.
    emang buku tamu penting :D

  17. Ichallan
    January 28, 2012 at 2:39 PM

    thanks atas infonya gan...

  18. Nufa La'la'
    February 11, 2012 at 3:21 PM

    duh, kenapa hanya caranya doank?
    napa gak langsung teredit secara otomatis?

  19. [P]askabar[A] 20
    February 22, 2012 at 11:19 PM

    gan th ngmbil kode na di bagian mananya si?

  21. devastzr.blogspot.com
    February 24, 2012 at 4:48 PM

    saya udah daftar tapi bingung
    cari codenya dimana gan???
    mohon pencerahan nya!!!

  22. Ahmad Rifai
    February 24, 2012 at 8:50 PM

    @devastzr.blogspot.com Nanti akan saya tuliskan cara ngambil kodenya, tapi mohon sabar ya

  23. Nais Nashiatul Kholishiah
    March 6, 2012 at 7:13 PM

    mas, sign up password sama Cbox namenya ga match terus gimana nih?

  26. BAWORFORCE{suparwan}
    March 20, 2012 at 1:05 AM

    udah succes gan......thanks yua....................???????????

  27. caesario virago
    March 26, 2012 at 8:42 PM

    itu abis masang tata letaknya kok kelihatan sedangkan di blog agan kok ga ada apa emang gitu ya

  28. Nur Hilaliyah Samhari
    March 31, 2012 at 7:35 AM

    kode buku tamu tersembunyi nya apa si?? aku minta dong

  29. Dinas Kesehatan
    April 1, 2012 at 9:54 PM

    Untuk yang belum paham aq share pengalamanq y .........

    pertama copy code HTML yang paling atas
    Lalu Masukin Juga code dari Cboxnya
    yang terakhir masukin juga kode yang paling akhir, sekian deh


    Terima Kasih, d tunggu teman2 untuk kunjungan balik.ok

  30. Satria Marali AlBekuty
    April 5, 2012 at 9:36 AM

    Salam blogger, makasih infonya sangat bermanfaat bagi saya selaku blogger pemula

  31. Fandi Adhitya
    April 6, 2012 at 6:11 PM

    wah mantab nih gan,,saya coba berhasil

  33. blogtsabita
    April 17, 2012 at 4:57 PM

    makasih mas.. udah dicoba di blogku

  35. Fatan
    May 16, 2012 at 2:56 PM

    ini kayak punyaku, tapi punyaku tak perlu klik di dekatin mouse aja sudah terbuka, dan cara pembuatannya sama seperti ini

  36. Mia Erhiszkya
    May 17, 2012 at 3:02 PM

    aku udah mendaftar.. tapi aku ngga dapat - dapat juga kode buku tamunya ?? bagaimana ini bisa dibantu ?

  37. Ahmad Rifai
    May 17, 2012 at 7:38 PM

    @Mia Erhiszkya Setelah daftar di www.cbox.ws silakan konfirmasi (jika diminta) kemudian login di situs tersebut. Nah di sana nanti ada kode script buku tamu yang bisa kita gunakan. Jadi harus login dulu baru scriptnya bisa kita ambil

  39. Prayoga_krisna
    June 5, 2012 at 4:23 AM

    gan klo mau pindah ke kiri bisa gx..?

  40. anas kholil
    June 8, 2012 at 6:06 AM

    hsilnya bagus... boleh copas bang..?

  41. NINGSIH
    June 10, 2012 at 12:45 PM

    kak...ada animasi orang joget di blog tak...???

  42. gakkuliahtapipinter
    June 14, 2012 at 12:10 PM

    wah.. mantep nih gan..
    makasih tutornya..
    salam.. :)

  43. zain Asmara
    June 18, 2012 at 11:14 AM

    membantu bnget kang,,,
    mkcih info,,,
    ijin copas kang,,,,

  44. Yanuar aji Saputro
    June 25, 2012 at 1:40 PM

    saya udah copy kode yang di atas d.tambah gadget trus udah ganti tulisan: 'Silakan Paste Kode Buku Tamu Yang sudah di kopi Tadi Di Sini' dengan kode yg saya dapet dari www.cbox.ws, tapi ko buku tamunya engga jadi,
    tolong kasih tau kesalahan saya mas rifai

  45. Ahmad Rifai
    June 27, 2012 at 9:08 PM

    @Yanuar aji Saputro coba di cek dahulu apakah script buku tamu yg diambil dari www.cbox.ws nya berfungsi dengan baik atau tidak, dengan cara pasang di gadget (tanpa script tambahan yang saya tuliskan di atas)

  46. khusna faiq
    June 29, 2012 at 4:58 PM

    yes berhasil :D
    bleh copas kode.na gak? ak kasih sumbernya..

  47. Yanuar aji Saputro
    June 29, 2012 at 8:15 PM

    Allhamdulillah berhasil,,
    makasih ya infonya

  48. Agung Newbie
    June 29, 2012 at 10:29 PM

    kalau mau di samping kiri buku tamu nya gimana gan..??
    scriptnya donk gan...

  49. Hendri Prastio
    June 29, 2012 at 11:22 PM

    wah mantap nih buat menghemat tempat widget di blog kita, jd lebih terlihat praktis n dinamis sob,,, mantap

  50. afrian satya
    July 8, 2012 at 12:13 PM

    Brow,
    bisa gak tulis kan aja
    kode buku tamu yang uda ada..

Newer Post Older Post Home