Cara,Trik,dan Lirik Lagu
Cara dan Tips Tutorial Blogger

Cara Membuat Chatbox Tersembunyi di kanan blog

Tuesday, May 21, 2013 By Arif Rizki 1 Comments
 
Hai semua hari ini saya akan membuat postingan tentang membuat chatbox (buku tamu) tersembunyi di kanan blog,buat kalian yang belumtahu caranya liat aja di bawah ini dan buat yang udah mahir bisa koreksi mungkin ada kesalahan di artikel ini,dan berikut caranya silahkan.


Cara Membuat Chatbox Tersembunyi di kanan blog

  1. Masuk ke dasboard blogger kalian masingmasing
  2. Pilih menu tata letak
  3. Pilih tambah gadget
  4. Dan pilih htmldan javascript
  5. Masukkan kode di bawah ini kedalam kotak htmldan javascript


    <style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:300px; width:30px; float:left; cursor:pointer; background:url('http://i757.photobucket.com/albums/xx213/VioNexA/iky.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #000000; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#fe760a; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 5);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent">

    Masukkan Kode Chat Box anda disini

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

  6. dan simpan gadget
ket: tulisan berwarna biru ganti dengan kode Chat Box anda,buat kalian yang belum punya chat box buat dulu di sini dan atau daftar disini

    Terima kasih sudah membaca artikel ini semoga artikel ini bermanfaat buat anda semua,buat yang mau bertanya silahkan tanyakan di kotak komentar terimakasih.
Cara dan Tips
Share:

Arif Rizki
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.

Related Articles


1 comment:

  1. Yoga PratamaSeptember 1, 2014 at 2:21 AM

    makasih gan infonyasangat bembatu saya ..

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

Newer Post Older Post Home
Subscribe to: Post Comments ( Atom )

Translate

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
Get this widget

Popular Posts

  • cara-cara belajar beatbox
  • Cara Membuat Kotak Author atau Pesan Admin di Bawah Posting Blog
  • Cara Nembak Cewek
  • Cara Mengganti Template Blog Blogger

Labels

  • Cara dan Tips
  • Kumpulan Efek Blog
  • Lirik Lagu
  • lirik lagu barat
  • Rumus Rubik
  • Tips SEO
  • Tukar Link
  • Tutorial Blogger

Tanggal

LIKE US ON FACEBOOK

Like This Pleace,,!!!!
×

About Me

Unknown
View my complete profile

Tukar Link

Banner tatelu
Created By Ilmu Blog Tukeran Link | Backlink | Link Exchange
  • www.se-cara.blogspot.com New!
  • Riyadi's Blog seputar dunia musik

    TAGS

    • Cara dan Tips
    • Kumpulan Efek Blog
    • Lirik Lagu
    • lirik lagu barat
    • Rumus Rubik
    • Tips SEO
    • Tukar Link
    • Tutorial Blogger

    Join The Team

    + Dapatkan Widget ini

    Get this widget or click here

    Arsip Blog

    • ▼  2013 ( 35 )
      • ►  12/08 - 12/15 ( 1 )
      • ►  08/18 - 08/25 ( 1 )
      • ►  08/11 - 08/18 ( 1 )
      • ►  08/04 - 08/11 ( 1 )
      • ►  07/28 - 08/04 ( 3 )
      • ►  07/21 - 07/28 ( 1 )
      • ►  07/07 - 07/14 ( 2 )
      • ►  06/23 - 06/30 ( 1 )
      • ►  06/09 - 06/16 ( 1 )
      • ▼  05/19 - 05/26 ( 3 )
        • Cara Membuat Like Box Melayang di Samping Blog
        • Cara Membuat Like Box Facebook di Blog Blogger
        • Cara Membuat Chatbox Tersembunyi di kanan blog
      • ►  05/12 - 05/19 ( 5 )
      • ►  05/05 - 05/12 ( 4 )
      • ►  04/28 - 05/05 ( 2 )
      • ►  04/21 - 04/28 ( 1 )
      • ►  04/14 - 04/21 ( 1 )
      • ►  04/07 - 04/14 ( 2 )
      • ►  03/31 - 04/07 ( 5 )

    Followers

    Blog Info

    free counter
    free counter
    W3 Directory - the World Wide Web Directory Pingates.com Flag Counter ”" Google PageRank Checker Powered by  MyPagerank.Net ping fast  my blog, website, or RSS feed for Free Ping your blog, website, or RSS feed for Free
    Like This Pleace,,!!!!
    ×
    © 2016 Cara,Trik,dan Lirik Lagu | All rights reserved
    Created By Responsive Blogger Templates | Distributed By Blogger Templates20