WELCOME

1. Disini Kami Menyediakan Berbagai Tips Blogger

2. Kami Juga Menyediakan Software Dan Game

3. Mohon Maaf Jika Kami Tidak Bisa Update Setiap Hari

4. Request Artikel Hubungi Admin

Posted by : Deva Alwembi Senin, 12 November 2012


Akhirnya... Setelah Nunggu Mood Balik Lagi Ke Fine Selama Lebih Dari 1 Minggu, Gue Bisa Update Postingan Tentang Tips & Trick Blogger. Maklumlah Selama Hampir Satu Pekan Lebih, Mood Gue Lagi Buruk-buruknya. Kenapa? Minggu Lalu Gue Jatoh Waktu Lagi Nyetir Motor. Mana Kaki Gue Terkilir Lagi, Harus Diurut. Tapi Alhamdullailah Gue Masih Bisa Balikin Mood Ke Fine Lagi. Okelah Mari Kita Bahas Materinya. Kali Ini Gue Mau Ngasih Tau Cara Bikin ChatBox Tersembunyi Di Kanan Blog. Taukan Gimana Contohnya? Pasti Taulah! Gak Mungkin Seorang Blogger Yang Udah Lama Terjun Di Dunia Yang Penuh Persaingan Ini Gak Tau Sama Yang Namanya "ChatBox". Gue Sengaja Gak Masang ChatBox Di Samping Blog. Soalnya Kalo Pake Template Ini Kelihatannya Kurang Rapih. Jadi Sengaja Gue Taruh Tombol Aja Di Bawah Blog. Jadi Kalo Diklik, Akan Pindah Ke Page ChatBox. Coba Aja Dah Klik Biar Gak Bingung. Nah Untuk Yang Kali Ini Dibahas Adalah ChatBox Tersembunyi Di Blog. Coba Aja Deh Biar Gak Bingung.
  1. Login Blogger Dulu Ya...
  2. Masuk Aja Ke Tata Letak.
  3. Add Gadget > HTML/JavaScript
  4. Masukin Kode Ini :

    <style type="text/css">
  5. #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}
    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;}.gbcontent{
    float:left;
    border:2px solid #A5BD51;
    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 class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">

    KODE CHATBOXNYA DISINI

    <div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Mau Widget Ini? <a href="http://blogmartstein.blogspot.com/2012/11/Memasang-ChatBox-Tersembunyi.html" target="_blank">Klik Disini</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
    [tutup]
    </a>
    </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script></div>
NB : Yang Tulisan Warna Biru, Boleh Diganti Sama URL Tap ChatBox Yang Sesuai Buat Disebelah Kanan. Tapi Lebih Baik Jangan Diganti Karena Itu Saja Sudah Bagus. Jika Tidak Diganti Akan Terlihat Kaya Gini : 

Jika Ingin Diganti Sesuaikan Ya, Karena Posisinya Disebelah kanan. Kalo Lu Ngerti Bahasa Pemrograman Khususnya Di Bidang Pengeditan HTML & CSS Code. Boleh Kodenya Di Otak-atik Biar Sesuai. Tapi Versi Default Yang Gue Kasih Kaya Gitu. Segitu Aja Ya Dari Gue... Thanks!



Credits : Mart Stein
Source : Click Here
For Copy Paste This Article : Click here

{ 38 komentar... read them below or Comment }

  1. thanks sob buat dipasang di blog agar tampil lebih cntik

    BalasHapus
  2. masukin kode chatbox nya dimana gan ....

    BalasHapus
    Balasan
    1. Di Kodenyakan Ada "KODE CHATBOXNYA DISINI". Yang Warna Merah.

      Hapus
  3. gitu ya gan, oh ya knpa saya ngga bisa aktifin Like box nya, saat Klik suka pada Like box itu ada tulisan Konfirmasi.. terus jika di Klik konfirmasi ada bacaan Halaman tidak di ketahui

    BalasHapus
    Balasan
    1. Inikan ChatBox. Bukan LikeBox Facebook -_-

      Hapus
    2. gan bisa ga, masukin 2 chat box di blog dg kode yang sama,,?
      nah kl bs kykmn kode chat box yg keduanya,,,
      tapi posisinya dibawah chat box yg pertama,,,,
      gan tolong dibales gan,,,,
      soalnya saya buat selalu tabrakan,,,,
      dan maaf saya bru bljr html, jadinya gt deh masalahnya,,,,

      Hapus
    3. Kamu Bisa Cari Kode Ini Di Kode Diatas
      #gb{
      position:fixed;
      top:50px;
      z-index:+1000;
      }

      Ganti Dan Atur Yang 50px. Sesuaikan Sendiri. semakin Kecil, Letak Chatbox Akan Semakin Keatas. Semakin Besar, Letak Chatbox Akan Semakin Kebwah

      Hapus
    4. gan tetep ga bs,,,, dy malah tabrakan,,,,
      ya da deh gan,,, mksh atas perhatiannya....

      Hapus
  4. gan tukeran link,,,
    nieh link aq,,,, http://ch06-blackers.blogspot.com/
    bisa langsung diliad link agan di blogku,,,,

    BalasHapus
  5. makasih gan..atas infonya dah ane praktekin...sukses...

    BalasHapus
  6. cara pasang kodenya gimana ? kok gak bisa2 sih

    BalasHapus
    Balasan
    1. Nah, bagi para blogger yang ingin memasang chatbox di blog kalian, bisa ikuti langkah-langkah di bawah ini:

      1.Buka situs ini >>>http://www.cbox.ws/
      2.Baru klik bacaan Get your own free Cbox now!
      3.Lalu silahkan lakukan pendaftaran,sebelumnya disitu terdapat beberapa pilihan

      - Cbox name >>isi saja nama kalian
      - Email >>isikan email kalian
      - Password>> Tuliskan password
      - Confirm Password >>Tuliskan kembali password kalian
      - Website >>Isikan Website/Blog kalian
      - Language >> Pilih English
      - Style >>Pilih terserah kalian

      4.Setelah melakukan itu semua klik kotak kecil yang ada pada bacaan I have read and do agree to the Cbox terms and conditions of service.

      5.Klik Create my Cbox
      6.Lalu cek email kalian untuk Verify akun cbox kalian
      7.Setelah itu buka website yang tadi untuk login akun kalian
      8.Setelah Login,Pilih bacaan publish di bagian atas
      9.Lalu isikan Website kalian dan Security tag pada kotak yang tersedia
      10.Nanti di bawah terdapat kode html, lalu copy ke blog kalian.

      Nah Kode yang di maksud disini adalah kode chatbox'y..
      Terus kalian copy kode tersebut, dan kalian masukan kode tersebut di bagian tengah dari kode yang di atas, yang ada tulisan berwarna merah :>>> KODE CHATBOXNYA DISINI

      Sekian penjelasan dari saya, mungkin bisa membantu blogger lain. ^_^

      Hapus
    2. Terima Kasih Atas Bantuannya Di Blog Ini ^_^

      Hapus
  7. Makash infonya,
    admin gak nyediain gambar tab yang lainn..? Yg bacaannya chatbox?

    BalasHapus
  8. makasih atas tutorialnya. Kunjungi juga blog saya www.ryan-artikelberguna.blogspot.com

    BalasHapus
  9. TERIMAKASIH JURAGAN KEBETULAN ANE BUTUH CHAT BOX,,,KUNJUNGI JUGA BOLG ANE www.mohammadarsin.blogspot.com

    BalasHapus
  10. terima kasih banyak atas petunjuknya Gan...sangat berguna ^_^

    BalasHapus
  11. terimakasih atas informasinya, izin copast ya

    BalasHapus
  12. terimakasih informasinya,, saya akan coba pasang juga mudah2an berhasil

    BalasHapus
  13. mantaappp....nice tutoriall..
    jgn lupa follow balik.
    http://tukangcoli.blogspot.com/

    BalasHapus
  14. thank's Kk" atas infonya....


    jngan lupa ych Kk" follback and join my blogger..


    http://jumran-manz.blogspot.com/

    BalasHapus
  15. tinggal copas aja nih sob, gak perlu daftar-daftar segala ? makasih tutornya...

    BalasHapus
  16. Thak's atas infonya gannn :)
    mampir yahhh >>> http://projectfamily42.blogspot.com/

    BalasHapus
  17. Tutorial bagus sob. Dicoba menerapkannya dan terima kasih.

    BalasHapus
  18. gan tau gak pilihan lain tulisan warna biru itu

    BalasHapus
  19. Bagus infonya..bermanfaat..dapatkankan sumber buat duit online tanpa modal http://evolutionincome.blogspot.com

    BalasHapus
  20. Mau nanya, kalo ini kan scriptnya ntar buku tamunya terletak disebelah kanan
    kalo diganti letaknta ke sebelah kiri gimana ?

    BalasHapus
  21. Gan mau nanya gimana caranya
    membuat pesan selamat datang kek punya agan gitu
    sebelumnya Thank's

    Atas info ini ^_^

    BalasHapus
  22. gw kok g keluar ChatBoxnya ._.
    di kilik ttp g keluar"
    kode htmlnya di pisah apa di gabung ??

    BalasHapus
  23. wonderful tutorial I like it

    BalasHapus
  24. sangat membantu, sudah terpasang rapih diblog saya http://bakkalolo.blogspot.com/

    BalasHapus
  25. mantab artikelnya gan...
    sebenarnya banyak sekali manfaatnya kalo memasang chatbox.. cuman adanya spam yg gk jelas kadang bikin jengkel
    nice share gan
    mampir ya gan :)
    http://themiracleofhistory.blogspot.com/

    BalasHapus
  26. sip gan, makasih informasinya..
    tested. tapi di chatwing
    btw, kunjungi http://www.dhiya9d.blogspot.com/

    BalasHapus

Budayakan Meninggalkan Komentar Setelah Membaca :)

Rules!!

1. Berkomentar Harus Nyambung Dengan Artikel. Komentar Yang Tidak Jelas, Atau Hanya Bilang Nice Info Atau Sejenisnya. Akan Saya Hapus.

2. Gunakan Bahasa Yang Sopan! Jangan Gunakan Bahasa Kaskus. Gan, Ane, Juragan Atau Yang Lainnya. Lebih Baik Gunakan Bahasa Indonesia Yang Baik Dan Benar / Bahasa Inggris (Jika Bisa) :v

3. Saya Menerima Masukan Apapun Dari Anda. :)

Categories

Visitor

Info Site

Page Ranking Tool
Diberdayakan oleh Blogger.

- Copyright © 2013 -Men Inside Blog- -Sao v2- Powered by Blogger - Original by Johanes Djogan - ReDesign by Mart Stein