OZY-W On Facebook

Selasa, 19 April 2011

Chat Box Switch (Seperti Punya Saya)

Inbox Facebook hampir penuh..., Gawat nich, isinya hampir sama semua yaitu "Gimana sich cara bikin Chat Box seperti OZY-W?" oleh sebab itu saya udah lama ingin posting trik tersebut, akan tetapi saya baru punya kesempatan hari ini, mohon maaf atas ke terlambatannya ya?

Langkah-langkah nya :
  1. Masuk ke Dasbor
  2. Rancangan
  3. Elemen Laman
  4. Tambah Gadget
  5. HTML/JavaScript
  6. Copy kode di bawah ini dan Paste~kan pada kotak HTML/JavaScript
<style type="text/css">
.gb_fixed{
position:fixed;
top:50px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #ffffff;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
background:#000000;
padding:10px;
padding-top:0px;
-moz-border-radius:6px; border-radius:6px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>

Taruh Kode Shoutmix mu di sini

<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><center>[ Hide ]</center></a></div>
</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="Url Image"/>
</a>
</div>
    7.  Klik Save

Note : Ganti-lah kode yang berwarna merah : 
  • top:50px;right:0px; ~> ganti dengan posisi Chat Box.
  • border:2px solid #ffffff; ~> #ffffff ganti dengan warna garis tepi/bingkai.
  • background:#000000; ~> #000000 ganti dengan warna latar belakang Chat Box.
  • Taruh Kode Shoutmix mu di sini ~> ganti dengan Kote HTML Chat Box anda.
  • [Hide] ~> boleh diganti dengan kalimat lain (ex: Close, Tutup, Sembunyi, dll) atau tidak.
  • Url Image  ~> ganti dengan Url Image CHAT BOX (lihat Url nya di Kumpulan Url Image Chatbox)

Url Image Chatbox
http://1.bp.blogspot.com/-h1DI2Vvt4y0/Tk9GTOFmFDI/AAAAAAAAAKE/6j4-eg8bfVw/s1600/Chatbox.png
http://2.bp.blogspot.com/-N8RQFYloE8U/Tk9GQiznVRI/AAAAAAAAAJ0/w0zESnm6QBI/s1600/Bukutamu3.png
http://3.bp.blogspot.com/-R-qijeJYiRc/Tk9GQdoO_sI/AAAAAAAAAJw/-gz0KZf_fzc/s1600/bukutamu2.gif
http://2.bp.blogspot.com/-QIvW70iUtw0/Tk9GSDXDH7I/AAAAAAAAAJ8/W__GrhmvUao/s1600/bukutamu5.png
http://1.bp.blogspot.com/-Fu1GTJiqjAs/Tk9GPChUlhI/AAAAAAAAAJo/Rc01LxQqJZQ/s1600/2131wkl.png
http://1.bp.blogspot.com/-bbW-SQuPxjA/Tk9GRVOM53I/AAAAAAAAAJ4/3O-QoudrWOA/s1600/bukutamu4.png
http://4.bp.blogspot.com/-kId5EVOdKjY/Tk9GPgw2uCI/AAAAAAAAAJs/5M95sfmpUa8/s1600/BukuTamu1.png

http://4.bp.blogspot.com/-bj4eeCVV6hM/Tk9GSbUTreI/AAAAAAAAAKA/ZCtLxHeV5uY/s1600/Bukutamu6.gif

Jangan lupa Comment-nya ya!

.:Selamat Mencoba:.




  • Buat yang ingin copy paste harap baca aturannya di sini
  • Cara download di bolg OZY-W di sini


Buat sobat blogger yang suka dengan artikel saya, silahkan anda share/post di mana saja anda suka (Blogger, WordPress, facebook, twitter, dll). Namun, diwajibkan untuk mencantumkan link sumber dari artikel yang sobat blogger share/post (copy/paste). Terima kasih,,,

Artikel Terkait:

25 komentar:

  1. koq kodenya pke persen2 semua tho gan ? binun...asli kan gan ?

    BalasHapus
  2. tips N' triks yang bagus gan,,, tapi mau nnya nih,,, cara nukar gambar chat box nya gmna,,, kan pnya agan yang warna hijau tuh,,, jadi saya mau nukar dengan gambar chat box yang lain,,, mhon bantuannya gan,,, thanks atas triks nya,,,

    BalasHapus
  3. Wahahaha iya nih bang..
    yg Tulisan "Chat Box" supaya bukan warna ijoo?

    sebelumnya :salam dari 123horas

    BalasHapus
  4. pake gan... lgsg tkp... mumoung slera saya hijau gan

    BalasHapus
  5. nice share... akan ku coba di blog percobaan ku.. ok?

    BalasHapus
  6. waduh kok persen" sob..... kasian pengunjung tuh pada bingung..... hehehehehehehe

    BalasHapus
  7. @All : Maaf atas ketidaknyamanannya ya!. akan saya Update!

    BalasHapus
  8. keren banget, kalau cara buat menu horozontal diatas header itu gmn??

    BalasHapus
  9. dan caranya buat komentar admin warnanya beda gmn??

    BalasHapus
  10. "ultimate-03"1 : Ini Linknya Sob Menu Horizontal

    "ultimate-03"2 : Ok pada postingan berikutnya kan saya usahain dipost

    BalasHapus
  11. yang bener aja bank kodenya kok persen2 git, saya dah nyobva, tapi gak bisa...., gambar chatboxnya keluar, tapi waktu di klik buku tamunya gak mau keluar..., mohon solusinya..., trrim's

    BalasHapus
  12. Wah, kEren Boz OZY..
    IjO sama itEm..
    tPPi Q tetep sama cHat bOxQ Yg Biasa aja Lah Bozz..
    ͼ⎝⋗⍜⋖⎠ͽ

    BalasHapus
  13. @Admin : Udah Saya Uji Coba ga' ada kesalahan tu sob.
    @MaPhia BlacK : Terima Kasih kunjungannya sob.

    NB Harap perhatikan kode akhir (sama ga'). dan perhatikan Spasinya bertambah atau ga'

    BalasHapus
  14. wah mantap kawan kotak chatbox nya, ane coba yh gan. oh iya salam kenal yh,mudah2 an makin rame aja nih blog :)

    BalasHapus
  15. mas, kl di wordpress bisa jg ga ?

    BalasHapus
  16. Wah maaf, kalo itu saya g' tw, karn belum pernah nyoba!

    BalasHapus
  17. asyiik .. keren nih ..

    http://begiloguide.blogspot.com/

    BalasHapus
  18. ozy . thank for ur sharing .

    BalasHapus
  19. @Faiq Qushoyyi : Makasih sob
    @love_in_red : Sip

    BalasHapus
  20. wah kok punya saya tidak keluar ya chatboxnya,padahal gambar buku tamunya udah keluar,mohon pencerahannya

    BalasHapus

Saya percaya esok sudah tidak boleh mengubah apa yang berlaku hari ini, tetapi hari ini masih boleh mengubah apa yang akan terjadi pada hari esok

Walaupun kita tidak saling kenal, tetapi tiada salahnya kita berbagi sapa atau hanya tulisan " Hai " pada kolom komentar di bawah ini.
.:Terimakasih atas komentar Anda :.

OZY-W
© 2011 copyright OZY-W is proudly powered by Blogger.com
Free Download Software Full | Tips n Trik | Free Security Tool