Inbox Facebook hampir penuh..., Gawat nich, isinya hampir sama semua yaitu "Gimana sich cara bikin Chat Box seperti ?" 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 :
- Masuk ke Dasbor
- Rancangan
- Elemen Laman
- Tambah Gadget
- HTML/JavaScript
- 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>
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
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidZoP5SJjIrXgiLY2GYhR6ccmkTlHRSoxtaUTGPfoy3oR2-xs2ImyvabvF7iA9y-F_zuasFhRamMjqep0PKJ56x1LPa4JAr4bLrE80TSOC4bZqjQ3Tl9dYXpw67uCDV9ILfx5t4EacI6s/s1600/Chatbox.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHwDIYG2CCUUBzDE4_BKYMJXa00XkHnfiYOPfZWFHPZz1x4sJX9KSjZrVOYoga9VOlFIwVffDQY6s7cAvn2CFDtalSbTzZhycFDAwgVK4ME8niUe4xRIMWHtjQjBwLu8Gl97qPnduILjk/s1600/Bukutamu3.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5wZ3jVHaScNXl6_2xjc4J-7RtZOxtDXytCu7Zcl7RLJ23pukx5twFNQ-CWUkaaZEuCHcMoGNuwk14y9EPhwoYHi1nzy37LNzR0CwTv3NScDIF5VwMlNAMhkrbYhtO-Yu2UIEIWY9qS3g/s1600/bukutamu2.gif | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGDfQCj-xqF9LvV-vdYQm02Hl_GVM2H8UjzEyTLk6brgUaCJfKNKKzNuUATHcT85V7HMtIbZelxlZlWmKyFowEhC4t3LOHE4V7LyFD5DmYeh2rxObh4xnp9GOWQGj1TZDVWXIy-Ob13KI/s1600/bukutamu5.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCuK3yQIPQu2tFnDfF8UFCcnNCtx9Zk_H0EFpDnwn-y8ouqCGOpKbByZW221DR66gHRBA0KF1Wrrj8KhJ4_PfHtWgd0gnEZUqX7OnU-LgeCF6v3F9W1lHWJlphtaPAG4Ght2Rp_T1dl2I/s1600/2131wkl.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiImh0yoiEW7I9XXtBzZ8U3UgWqazel7Or0bIRg6jkASR-4r0BnJCnpEYB_nq-KcYghtbQWyHmpFOcUdC8eshVrNJnZ-mY8bz3EEAm_vTeQGFVJtgS7PLJpdAPioL85VC0_u7UDwPAsWRw/s1600/bukutamu4.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSkjhl2MI0XGAKHHzzBIBTZUOh0ScIzGi6QZ6W2Qm5r3KftbQsSktFwxWf2zsY4wzszwveGTdUrzvWCCHb1iwcQVSa8CMHbIqMTIoeztkxt2uGu9997xBLTqMRbyMK3jmMVGzNTHWweL4/s1600/BukuTamu1.png | |
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNizC2bTJK8LxcCs_VtAqAM1ywnfEbVivSEIaqvmIJK3owT0gGlo8ArNmg-EzzxNqGOG-RNu7NGEp1O-Cu-xJthCgepIUuw0ovS7jQx9F-0ibd0g13sfwOY984SjoxZMkNHOjGRJB87Lc/s1600/Bukutamu6.gif |
Jangan lupa Comment-nya ya!
.:Selamat Mencoba:.
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,,,
koq kodenya pke persen2 semua tho gan ? binun...asli kan gan ?
BalasHapustips 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,,,
BalasHapusWahahaha iya nih bang..
BalasHapusyg Tulisan "Chat Box" supaya bukan warna ijoo?
sebelumnya :salam dari 123horas
ijin pake gann..
BalasHapushehee
bgus gan
BalasHapuspake gan... lgsg tkp... mumoung slera saya hijau gan
BalasHapusnice share... akan ku coba di blog percobaan ku.. ok?
BalasHapuswaduh kok persen" sob..... kasian pengunjung tuh pada bingung..... hehehehehehehe
BalasHapus@All : Maaf atas ketidaknyamanannya ya!. akan saya Update!
BalasHapuskeren banget, kalau cara buat menu horozontal diatas header itu gmn??
BalasHapusdan caranya buat komentar admin warnanya beda gmn??
BalasHapus"ultimate-03"1 : Ini Linknya Sob Menu Horizontal
BalasHapus"ultimate-03"2 : Ok pada postingan berikutnya kan saya usahain dipost
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
BalasHapusWah, kEren Boz OZY..
BalasHapusIjO sama itEm..
tPPi Q tetep sama cHat bOxQ Yg Biasa aja Lah Bozz..
ͼ⎝⋗⍜⋖⎠ͽ
@Admin : Udah Saya Uji Coba ga' ada kesalahan tu sob.
BalasHapus@MaPhia BlacK : Terima Kasih kunjungannya sob.
NB Harap perhatikan kode akhir (sama ga'). dan perhatikan Spasinya bertambah atau ga'
wah mantap kawan kotak chatbox nya, ane coba yh gan. oh iya salam kenal yh,mudah2 an makin rame aja nih blog :)
BalasHapusmas, kl di wordpress bisa jg ga ?
BalasHapusWah maaf, kalo itu saya g' tw, karn belum pernah nyoba!
BalasHapusok kawan, salam kenal
BalasHapusSalam kenal juga
BalasHapusasyiik .. keren nih ..
BalasHapushttp://begiloguide.blogspot.com/
ozy . thank for ur sharing .
BalasHapus@Faiq Qushoyyi : Makasih sob
BalasHapus@love_in_red : Sip
Oke Thank Q
BalasHapuswah kok punya saya tidak keluar ya chatboxnya,padahal gambar buku tamunya udah keluar,mohon pencerahannya
BalasHapus