Membuat Hide dan Show ShoutMix

remoxp
40
Bener nggak yah judul diatas?? soalnya bingung banget sob mau dikasih judul apaan. Setelah saya pikirkan matang-matang, maka terpilihlah judul membuat hide dan show shoutmix (chatbox). Kenapa hide n show??? karena dengan teknik ini sobat blogger dapat membuat shoutmix tersembunyi, pokoknya keren banget. Hehehe

Oiya, kalau dipikir-pikir, kayanya saya udah lama banget yah ngak nulis artikel tentang tips blogger (jarang yang request sih,, heheh). Artikel tentang membuat hide dan show shoutmix ini di request oleh salah satu sobat blogger, buat yang sudah merequest, harap perhatikan dengan baik dan jangan bercanda yah. Okeii pak guru,, Heheh
  1. Pertama, silahkan sobat login ke akun sobat blogger masing-masing.
  2. Di bagian dasbor klik menu tata letak.
  3. Tambah Gadget
  4. Kemudian Copy-Paste kode berikut di gadget baru yang telah anda buat tadi.

  5. <!-- Begin Show Hide Floating - http://www.hitsuke.blogspot.com -- http://www.remo-xp.com--> <style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:550px; width:35px; float:left; cursor:pointer; background:url('http://i642.photobucket.com/albums/uu147/remoxp/Chatbox.png') no-repeat; } .hitsukeFXcontent{ float:left; 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; } </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+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent"> <!-- Kode Shoutmix mu Disini -->

    MASUKAN KODE SHOUTMIX DISINI

    <div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>
  6. Klik Simpan
  7. Selesai

Post a Comment

40 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Saya tidak online 24 Jam dan hanya sendiri mengurus blog ini, mohon maaf bila komentar anda tidak di balas.
Mohon gunakan kata-kata yang sopan dalam memberikan komentar.
Komentar SPAM, SARA, dan sejenisnya tidak akan di tampilkan.
Komentar hanya Thanks, Mantap, Pertamax, dll. Tidak akan di tampilkan.

  1. sob gw mau memperdalam ilmu registry tolong buatin artikelnya yah...bisa gak...??yawdh gw tgg aja kabarnya...dari lw oke thx...

    ReplyDelete
  2. @fajar
    Coba kmu link aja ke site nhe
    http://forum.detikinet.com/showthread.php?27082-%28Tips%29-20-Hack-Registry-untuk-Tingkatkan-Kinerja-PC

    ReplyDelete
  3. cuy,masukin kode shotmixnya kmana?

    ReplyDelete
  4. Mas Remo..gmn ya carany untuk menampilkan postingan Download mp3 di blog...:-/
    jadi sebelum pengunjung mendownload mp3nya...mereka dapat mendengarkanya terlebih dahulu...;))
    makasi ya...atas semua tipsnya...:)

    ReplyDelete
  5. Nyimpen file mp3 nya di hosting sendiri apa nggak sob?? kalau nyimpen di IDWS, copy aja script embedd nya, lalu paste di blog,, ok

    ReplyDelete
  6. Udah coba, thanks ya sob ilmunya

    ReplyDelete
  7. thx sharenya gan...gw coba di blog gw yah....

    ReplyDelete
  8. saran gan biar garis putihnya gk kliatan width:35px lo ganti jadi 40...thx

    ReplyDelete
  9. Makasih buat saran nya, tp saya emang sengja nggak di ilangin sob, biar memilki style aja,, heheh

    ReplyDelete
  10. Maksih ya..buat tipsnya bikin hide and show chat box, udah saya coba and succes. :-)

    ReplyDelete
  11. kk gmn nih ... gadget apa ya?? trus tro kodenya dmn???

    ReplyDelete
  12. Sob,, bsa lbih jlas lg g',, mslah nya udh gw cba,, V' kya' nya g' mau,, tlong y sob,, t Q

    ReplyDelete
  13. wah kq ga bisa di copy c susah kodenya dr web ini ni gambar yak bukan tulisan...masa harus nulis satu2..

    ReplyDelete
  14. mas remo kok hide and shoe nya hanya bisa liat di google chrome..???
    gmna ne....

    ReplyDelete
  15. gan bwat nambah tinggi chatbox atau shoutmix nya gmn gan???? kok yang gw gk kya yang punya lu????
    kunjungi blog gw yah....www.ilham-7.co.cc

    ReplyDelete
  16. thank you sob.....
    mohon ijin buat postingan yang serupa tapi code yang dipublikasikannya sama.....

    soalnya saya sudah coba code-code yang lain....
    tapi ga berhasil alias eror.....

    ijin nyerap ilmu bro.....(heheheh)

    ReplyDelete
  17. muantaapppppp
    maen ke blog ane ngan sederhana bgt n jadul mohon komentnya ;)

    ReplyDelete
  18. Alow mas remo... tambah lagi donk tips tentang ngeblognya... biar semua pecinta blogger semakin senang utak atik blognya... hehehehe... btw blognya keren... sukses... mantaf !!!!

    ReplyDelete
  19. klo mau pindah di samping kiri gmn mas?
    scrip yg mana yang harus di rubah?
    di tunggu trik yang lainnya mas

    ReplyDelete
  20. to remo-.... kok lebar shoutmix saya ampe stengah ukuran web...... ???

    ReplyDelete
  21. mas saya mau coba pasang 2 chat box nya tp memang ada dua tp yang bisa sembunyi cuma 1 ????musti gimana ya?????? http://facezero.blogspot.com

    ReplyDelete
  22. Thanks Gan Sekarang Blog Ku Jadi Lebih Keren Tapi Tools Chat Nya Masih Ada Harusnya Udah Ilang Kan Kenapa Yah

    ReplyDelete
  23. tombol chat boxnya bisa diganti nggak warnanya tuh???

    ReplyDelete
  24. boy gw dah coba houtmixnya dah nampak tapi pas tombol hidenya diklik ngga ada perubahan

    ReplyDelete
  25. gan gw kasih taw cara bikin gadget icon animasi yg kayak diatas kotak coment

    ReplyDelete
  26. SOb ane punya masalah serius ni ttg blog.
    kok aku klik simpan template ga bisa tesimpan jadi HTMLnya ga bisa di edit. Mohon pnjelasanya sob.

    ReplyDelete
  27. di google chrome, mozilla, IE, ama Opera work gan!!
    Bang Remo, Thanks banget udah kasih info
    #luapan kebahagiaan seorang newbie

    ReplyDelete
  28. wahh,,
    thx's tutor nya...
    jadi di blog saya
    :D
    http://www.my-light-blog.co.cc/

    ReplyDelete
  29. bang remo, ijin ngikutin gayanya bang remo neh, itu kan buat dikanan bang, kalo dipasang dikiri ap sama bang? hehehehe...

    ReplyDelete
  30. Gan..kasi tau donk caranya mengkategorikan. sperti contohnya blog bang remo nie..misalnya kategori software, tips n trik...gmna cra'a bwt biar ktika kita klik kategori itu. muncul sesuai kategori yg kita inginkan....mhn bntuannya ya bang remo..bru blajar bwt blog alna..heheee :)

    ReplyDelete
  31. mas, saya bingung mau meletakkan script itu di mana.
    setelah saya klik tambah Gadget tidak ada kolom buat tempat meletakkan script itu. tolong di bantu mas.

    ReplyDelete
  32. kk aku baru buat blog tolong antuan ya,,...

    yang di atas kan ada login>dasboard>tata letak,,,nah tata letaknya tu di manaya ya,,,tolong dong aku bingung sama add gadgetnya,,,

    ReplyDelete
  33. Kuk..kalu saya malah muncul ditengah" OMG REMO...
    bisa lihat disini..www.int-offscott.co.cc

    minta solusinya OMG.. :D

    ReplyDelete
  34. udah ane pasang gan..

    thank ^^

    http://farz-collection.blogspot.com/
    cek nih

    ReplyDelete
  35. mas kok,misal diliat pertama-tama munculnya di tengah-tangh kiri liat http://therupertz.blogspot.com/

    ReplyDelete
  36. gadget apa nih yang dpilih bang? trus kita masukin kodenya gmn nih, ? mohon pncerahan bang..

    ReplyDelete

Saya tidak online 24 Jam dan hanya sendiri mengurus blog ini, mohon maaf bila komentar anda tidak di balas.
Mohon gunakan kata-kata yang sopan dalam memberikan komentar.
Komentar SPAM, SARA, dan sejenisnya tidak akan di tampilkan.
Komentar hanya Thanks, Mantap, Pertamax, dll. Tidak akan di tampilkan.

Post a Comment
Our website uses cookies to enhance your experience. Learn More
Accept !