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,,,
Artikel Terkait:
Tips Blogger
- Template Premium : Soot Feed Aggregator
- Template Premium : White Template Design
- Cara Memasang Headline News di Blog
- Widget Recent Post (Posting Terbaru) dengan Label
- Membuat Link Berwarna-warni
- Cara Mengecek PageRank Blog
- Cara Membuat Category Cloud Animasi Berputar
- Warna dan Font Komentar Pengunjung dan Author Berbeda
- Pasang Stripe-Ad Mirip Navbar
- Perbedaan Blog Dofollow dan Nofollow
- Pasang Tombol Social Bookmark dan Share Keren
- Cara Mengecek Blog NoFollow Atau DoFollow
- Membuat Text Efek Untuk Blog (Online)
- Cara Memasang Screensaver Blog dengan Gambar Sendiri
- Membuat Menu Horizontal With Drop Down Support All Browser
- Cara Membuat Pesan Selamat Datang dan Selamat Tinggal di Blog
- Membuat Background Blogger Terbakar
- Cara Membuat Menu Horizontal Dengan Sub Menu Vertikal
- Posting Tidak Bisa Diblok - Anti Copy Paste
- Template Blogger Mirip Facebook
- Tips Merawat Komputer
- Template Blogger Custom
- T=v1+v2 ,Cara Meningkatkan Traffic Dan Popularity Dengan Cepat Dan Alami
- Menjebol Billing Warnet
Tips n Trik
- Cara Instal Windows 8 Tanpa Produck Key
- Cara Menginstal Windows XP/Vista dengan Flashdisk
- Mengatasi Masalah Blokir URL Mediafire dari Adf.ly
- SPEEDbit Video Accelerator 3.3 beta Full Version
- Template Premium : White Template Design
- Internet 3 Pada Opera Mini Terbaru 2011
- Trik Internet Gratis Telkomsel (2011)
- Cara Memasang Headline News di Blog
- Free SMS via Online
- Widget Recent Post (Posting Terbaru) dengan Label
- Membuat Link Berwarna-warni
- Cara Mengecek PageRank Blog
- PPC via Pulsa (Ads BloggerBersatu)
- Cara Membuat Category Cloud Animasi Berputar
- Warna dan Font Komentar Pengunjung dan Author Berbeda
- Pasang Stripe-Ad Mirip Navbar
- Perbedaan Blog Dofollow dan Nofollow
- Pasang Tombol Social Bookmark dan Share Keren
- Cara Mengecek Blog NoFollow Atau DoFollow
- Membuat Text Efek Untuk Blog (Online)
- Cara Memasang Screensaver Blog dengan Gambar Sendiri
- Membuat Menu Horizontal With Drop Down Support All Browser
- Cara Membuat Pesan Selamat Datang dan Selamat Tinggal di Blog
- Membuat Background Blogger Terbakar
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