adf.ly - shorten links and earn money!

How To Make Floating and Click to Appear Shoutbox in Blogger


Nowadays, blogger always want something new and fresh to express their blog. Including how the shoutbox appear. We already known the trick of hiding shoutbox on the side of the blog, but now you can use this new trick for shoutbox with CSS. This method make your shoutbox floating at the right top and click-to-appear. But to do this, you need a shoutbox. Read about How To Add Shoutbox On Your Blog




Wanna make your shoutbox just like that? Follow this steps :

1. Go to your Dashboard >> Design >> Page Element >> Add a Gadget >> HTML/Javascript.


2. Paste this code on it.

3. Change the bold code with your own detail needed.

4. Save and DONE!


You can DOWNLOAD Shoutbox icon here.

GOOD LUCK!

This how-to requested by Faezahannahalbaj

Thanks to : Kreatifbuzz

34 comments:

  1. HTH..kamu mmg baik hati.. siap backlink utk i lg..thanks ya! :g

    ReplyDelete
  2. kamu pun mmg baik hati....bagikn aku backlinks ya...tk

    ReplyDelete
  3. aku google floating shoutbox. it leads me to ur blog.
    bayalah HTH. HAHA! so sweeet!:P

    kejap nanti aku try! hehe

    ReplyDelete
  4. @tqa
    terus sukung HTH ar tqa..nah tuk ko..:t

    ReplyDelete
  5. @syamel izzat sansevieria eh? xdpt ka? ko p sini. Dia pun dpt buat..cek satu² kod tebal tu..mgkin ada y tcicir..kalau ada kemusykilan lg..gtau jak k..atau PM aku disini.

    ReplyDelete
  6. @jalil jalil
    :c senang je tu..ikut jak arahan tu..y pnting tukar kod tebal tu..tukar kpd KOD SHOUTBOX kamu dengan GAMBAR SHOUTBOX kamu..gambar pun aku ada sdiakan..tgl dwnload jak..:a

    ReplyDelete
  7. gambar shoutbox nk cari dkt mana..ada link dia x....

    ReplyDelete
  8. @jalil jalil
    Ada. Kamu boleh download disini. Lepas download, kamu upload dan ambil URLnya. Letakkan pada bhgn URL Imeh Shoutbox tu. Ok! :a

    ReplyDelete
  9. how to get the image's url? where do i need to upload it?

    ReplyDelete
  10. @Hamzah Nor Aedy
    You can get the images here. Upload it on your blog, then copy the URL. :a

    ReplyDelete
  11. My cousin recommended this blog and she was totally right keep up the fantastic work!

    ReplyDelete
  12. @Anonymous
    wah! TQ! :a

    keep supprting HOW-TO HOUSE ya..

    for u --> :t

    ReplyDelete
  13. Ni la skrip floating shoutbox terbaik yang pernah aku jumpa..thanks H-T-H!!

    ReplyDelete
  14. @Arya Putra
    orait..nice kan skrop tu..pkongsina utk smua blogger..:a

    ReplyDelete
  15. Nk tnya knpa blog sya xdak expand the widget...pelik toiiii...cuma ad edit HTML and pereka bentuk templat ja.....

    ReplyDelete
  16. xpastii laa...tapiii memang xdak...

    ReplyDelete
  17. HTH..ku dah cuba pakai shoutbox tu..
    dulu boleh..tapi sekarang ada masalah nampaknya..
    dia tulis kat bawah web browser tu "java script:void(0)"

    ape yg aku kena buat?

    ReplyDelete
  18. @Encik Hac
    eh, xdpt ka? copy smula kod tu. Try lg..kc update..:a

    ReplyDelete
  19. kalau nak tukar position supaya icon tu ket tepi sikit macam mana ye?

    ReplyDelete
  20. kenapa link 'code' tu takde?

    ReplyDelete
  21. menarik.. patutnya bagi semua blogger cuba cara ni. dak??

    http://muazfaris.com

    ReplyDelete
    Replies
    1. Iye Muaz. Ko berjaye buat tak? Pasal ramai yg bjaya. hehe. Aku buat sng je pon. kih3.

      Delete

  22. Hi, I am Adrian
    I need your help! I am poor! Please help me! I need referals!

    God Bless You & your familly!
    Happy New Year

    http://happynewmoney2014.blogspot.ro/

    ReplyDelete
  23. I need your help!!! Please register on these sites:
    http://www.clixsense.com/?4935093
    https://www.neobux.com/?r=bailando13
    Thank you & GBY!

    ReplyDelete

Drop your comment. Ask or suggestion.

Join us on Faceboook Page too.