Cara Membuat Buku Tamu Blog

Punya ilmu tapi gak di bagikan itu ya gak oleh gawe lek belajar. Beberapa kali di SMS rifky untuk minta di postingin cara membuat buku tamu yang bisa ngumpet dan melayang kaya punya mas jidat. Sudah 3 x di sms tapi masih baru bisa posting sekarang, maaf ya bukan maksud untuk menyusahkan, tapi memang baru sempet sekarang.  Buku tamu alternaif ini bisa ditaruh di Blogspot (blogger), WordPress, CMS dan juga WapSite. Jadi bisa di bilang ini multi fungsi. Saya dapet ini dari Kang arifudin, tapi gak izin, pokoke langsung di Bobol wae.

Contoh untuk Blogspot bisa di cek di Jidat’s Blog Untuk Wapsite bisa di di cek di Jidat.nab.su perhatikan di bagian kanan atas ada gambar buku tamu.

<div id=”text-524970821″>                        <div><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://jidatbaok.com/buku-tamu.png’) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000000;
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 onclick=”showHideGB()”> </div>
<div>
<!– Ganti ini dengan kode buku tamu kamu –>
<font><!– BEGIN CBOX – www.cbox.ws – v001 –>
<div id=”cboxdiv” style=”text-align: center; line-height: 0″>
<div><iframe frameborder=”0″ marginheight=”2″ marginwidth=”2″ height=”305″ src=”http://www.cbox.ws/box/?boxid=1064737&amp;boxtag=6wg0p6&amp;sec=main” id=”cboxmain” scrolling=”auto” style=”border:#DBE2ED 1px solid;” width=”200″ allowtransparency=”yes” name=”cboxmain”></iframe></div>
<div><iframe frameborder=”0″ marginheight=”2″ marginwidth=”2″ height=”75″ src=”http://www.cbox.ws/box/?boxid=1064737&amp;boxtag=6wg0p6&amp;sec=form” id=”cboxform” scrolling=”no” style=”border:#DBE2ED 1px solid;border-top:0px” width=”200″ allowtransparency=”yes” name=”cboxform”></iframe></div>
</div>
<!– END CBOX –>

<div style=”text-align:right”>
<a href=”javascript:showHideGB()”>
[close]

</a>
</div>
</font></div>
</div>
<script type=”text/javascript“>
var gb = document.getElementById(“gb”);
gb.style.right = (30-gb.offsetWidth).toString() + “px”;
</script></div>
</div>
<!– sidebar north END –>

<div id=”centersidebar”></div>

Untuk Blogger

  1. Silahkan Login dengan id anda
  2. Klik menu Layout
  3. Klik Page Element
  4. Klik Add a Page Element
  5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
  6. Kosongkan Titlenya
  7. Copy paste kode HTML di atas pada form Content
  8. Klik tombol Save Changes

Untuk WordPress Bisa di taruh di Widget – Text. Atau kalau mau Cuma pada single post bisa di taruh di editor themes dan di paste di single post.php yah tinggal di pilih lah.

Nah ganti Texs yang warna biru dengan Chat Box milik kamu sendiri. Nah siapa yang tertarik silahkan di jajal. Dan jangan lupa nyepam Di POJOK KANAN ATAS ITU (yahoo)

42 comments

  1. alamendah says:

    (maaf) ternyata masih kebagian mengamankan PERTAMA.
    Sayang WP saya gak bisa dimodif. Abis gak modal, sih saya.
    wakakakakakakakak
    .-= alamendah´s last blog ..Katak Indonesia, Unik dan Langka =-.

    [Reply]

    Yuda Reply:

    @alamendah, wah 2 postingan pertama dapet pertamax kang
    .-= Yuda ´s last blog ..Buat Buku Tamu WordPress, Blogspot, Website =-.

    [Reply]

  2. arkasala says:

    tips yang menarik ni Kang, Nanti bentuknya kaya shoutbox itu ya ? Mohon infonya Kang. Salam
    .-= arkasala´s last blog ..Siskamling dan Bela Negara =-.

    [Reply]

  3. riFFrizz says:

    aku nang citos, langsung praktek

    [Reply]

    riFFrizz Reply:

    @riFFrizz, raiso aku, lek ngekekne scripte nang ngendi
    .-= riFFrizz´s last blog ..Take Me Out, Take Him Out, & Tek Tok Tek =-.

    [Reply]

    arifudin Reply:

    @riFFrizz, nang widget nu ;)
    .-= arifudin´s last blog ..Wisata Girimanik Tejomoyo Manikmoyo Condromoyo =-.

    [Reply]

  4. Yuda T says:

    Oya lupa! Script di taruh di widget text

    [Reply]

  5. sobatsehat says:

    boleh juga bro. rupanya semacam shoutmix ya bro. thanks bro
    .-= sobatsehat´s last blog ..7 Dampak negatif (tidak sehat ) dari facebook =-.

    [Reply]

  6. andif says:

    keluar jga tuh ilmu kodingnya :)
    salam,

    [Reply]

  7. I really enjoyed reading your blog I got some very useful information from this article thanks for sharing your info keep update. Keep update.
    Regards
    Mengembalikan jati diri bangsa
    .-= Mengembalikan jati diri bangsa´s last blog ..Avril Lavigne Blog Dofollow =-.

    [Reply]

  8. detx says:

    mantabbb informasinya mas
    .-= detx´s last blog ..Laba-laba =-.

    [Reply]

  9. taqin says:

    Wuih panjang buanget…. coba dulu ah…. :-)
    .-= taqin´s last blog ..Kemenangan Itu Punya Siapa Ya ??? =-.

    [Reply]

  10. kyra.curapix says:

    yang blogger gak ad ya mas?
    .-= kyra.curapix´s last blog ..More secure without the key =-.

    [Reply]

  11. wira says:

    wah keren juga ya :-) kapan2 saya coba deh
    .-= wira´s last blog ..Lowongan CPNS 2009 =-.

    [Reply]

  12. [...] SMS dari mas Riffrizz Untuk SMSnya bisa anda baca Daaat gunmu ke lgek posting mambengi ae m(cara membuat buku tamu blogspot, wordpress) , ning gugel wis no 1 lha nakaku sing halal bihalal kae malah gung mlbu, crne pye to ? Po tok [...]

  13. xitalho says:

    asemik… oapikke poll….. biso methungul… biso ndelep dewe…!! (bigeyes)

    Nice info…!
    .-= xitalho´s last blog ..Larangan Berjilbab itu……. =-.

    [Reply]

  14. yusron says:

    lhaa… akhire diposting! (mmm)
    .-= yusron´s last blog ..ufo =-.

    [Reply]

  15. heru says:

    wah berat nih materinya :)

    salam kenal mas :)
    .-= heru´s last blog ..Umur Herukurniawan.Com Genap 1 Tahun =-.

    [Reply]

  16. yahya adis says:

    wahhhhh keren keren.. q pertama liat di blognya mas arifudin dat, tapi g tau tutorialnya.. eh pas u ingetin ngunjungi blog u disini juga ada.. langsung deh q contek yo.. heheheheh (angry) :-D (LOL) (dance)
    .-= yahya adis´s last blog ..weee yahyaadis.com dihargai 13 jt =-.

    [Reply]

    Yuda T Reply:

    @yahya adis, mantap cink!! kui yo hasil unduhan dari temen temen kok

    [Reply]

  17. mazyoyo says:

    artikelnya menarik pak, terima kasih.

    [Reply]

    Jidat Reply:

    @mazyoyo, kok pak sih? masih 17 tahun nehh

    [Reply]

  18. Rudi says:

    thank’s trick & tips :-D

    [Reply]

  19. Hey, I found your blog while searching on Google. I have a blog on online stock trading, I’ll bookmark your site.

    [Reply]

  20. RHe_X'EIB says:

    Gue suka gya loe,

    [Reply]

    Jidat Reply:

    @RHe_X’EIB, sapa neh???

    [Reply]

  21. Wapmaster says:

    Wat yg pgn blajar bsa hub. Gw +628975058709

    [Reply]

  22. mubaroki says:

    mas trima kasih…
    ternyata disini ada cara bikin gituan… :-D
    .-= mubaroki´s last blog ..EPSON PICTUREMATE SHOW PM 300 =-.

    [Reply]

    Yuda T Reply:

    @mubaroki, apaan sih? gituan?

    [Reply]

  23. Himawan says:

    mas,klu mau buat buku tamu di wordpress gimana carane???trims

    [Reply]

    Yuda T Reply:

    @Himawan, WordPress org pake script diatas mas

    [Reply]

  24. [...] Silahkan yang mau tanya lagi? kalo yang Cara membuat Buku Tamu Pertama memang kurang Support dengan berbagai Themes tapi kalo yang ini saya juga kurang tau apakah [...]

  25. autorotary: menurut saya, artikel nya sangat bermanfaat..
    saya dapat mempelajari sesuatu yang baru disini.
    update terus ya artikel2 nya.
    thx

    salam,
    auto rotary bintaro

    [Reply]

    Jidat Reply:

    @auto rotary bintaro, :)

    [Reply]

  26. PO says:

    BUKA WEBSITE INI di jamin gak rugi!!!!!! di http://www.promosiworld.blogspot.com ( JOIN SKRG JUGA PROMOSI GRATIS !!! )

    [Reply]

  27. saya mau buat untuk web saya gak bisa2 dari kmrn, krn bingung cara tambah databaseny gimana…
    Hhhhmmm,,,
    mau cari2 artikel lg lah mengenai buku tamu,,,
    salam kenal ja buat webmaster,

    [Reply]

  28. Encepfr says:

    Makasih gan atas infonya. sangat membantu saya. Salam kenal aja. Kalo ada waktu mampir yah gan ke blog ku. terima kasih sebelumnya/

    [Reply]

  29. nur says:

    terima kasih atas informasi scrip yang disediakan.

    [Reply]

  30. zonna says:

    mantap,ini ada juga tips bagus ,saya persembahkan ,coba ya kawan2

    [Reply]

Leave Comment