Free Download Software Full Version

Tuesday, 31 December 2013

Cara Membuat ChatBox atau Buku tamu di blog dengan Emoticon GIF Keren

Hallo sobat FS, mungkin postingan saya kali ini agak menyimpang. hehehe......... Kali ini saya mau share Emoticon GIF yang mungkin agan-agan ingin menggunakannya di ChatBox Blog masing-masing. Seperti yang saya pakai di Buku Tamu sebelah kanan.

Ok langsung saja langkah-langkahnya ialah sebagai berikut:
  1. Buat dulu ChatBoxnya dengan cara masuk ke http://www.cbox.ws/ atau langsung saja klik di SINI
  2. Buat akun sobat dengan cara klik SIGN UP
  3. Kemudian isi borang pendaftarannya. (FREE GAN)
  4. Jika sudah, Klik CREAT MY CBOX!
  5. Aturlah Cbox sesuai keinginan agan. dari ukurannya, temanya, dll.
  6. Jika sudah, Lalu Klik Publish.
    Selanjutnya tinggal di pasang di blogger agan.
  7. Copy Scripnya, (disana tersedia 4 type scrip, saya sarankan yang INLINE (DEFAULT))
  8. Sekarang agan masuk ke Blog sobat, lalu
  9. Pilih Layout / Tata Letak
  10. Lalu Tambah Gadget / Add a Gadget
  11. Pilih HTML/JavaScript
  12. Lalu letakkan scrip berikut ini.

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('http://3.bp.blogspot.com/-R-qijeJYiRc/Tk9GQdoO_sI/AAAAAAAAAJw/-gz0KZf_fzc/s1600/bukutamu2.gif') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </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">

LETAKKAN KODE CHATBOX YANG SUDAH AGAN COPY TADI KE SINI!

</div> </div>  <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>



Keterangan:

Yang berwarna Merah bisa agan ganti dengan yang di bawah ini :

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

Agan tinggal pilih mana yang agan suka.



Selanjutnya Cara menambah Emoticon di Bawah ini ke Emoticon CheatBox: 
  1. Klik kanan pada gambar di bawah ini, lalu
  2. Klik "Copy Image Location"  
  3. Lalu di halaman setting Cbox agan pilih "Options --> Smilies-->New Row"
  4. Paste Image Location pada Kolom URL, tunggu hingga gambarnya tampil di sebelah kiri.
  5. Masukkan code dan alternatif code sesuai dengan keinginan agan.
  6. Jika sudah klik "save changes"
  7. DONE







 


















 




 












Terima Kasih atas Kunjungannya
Semoga Bermanfaat ^_^
Share:

Statistik Penguunjung