adf.ly - shorten links and earn money!

How To Make Floating and Click to Appear Shoutbox in Blogger

Posted by silent screamer on 11:43 PM with 32 comments

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
Categories: , ,

32 comments:

  1. Cikgu Jaja™December 17, 2010 at 12:54 AM

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

    ReplyDelete
  2. HOW-TO HOUSEDecember 17, 2010 at 8:04 AM

    @Faezah Hannah Al Baj
    Ok wa tu..:a bg kredits jak tuk HTH k..:k

    ReplyDelete
  3. amy777December 18, 2010 at 5:40 AM

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

    ReplyDelete
  4. LwolverineDecember 20, 2010 at 12:52 PM

    great one thanx alot friend!


    BEST FUNNY HUMOR AND TECH,TIPS AND TRICKS

    ReplyDelete
  5. #DubbyChubbyDecember 29, 2010 at 11:11 AM

    I LOVE UR WEBSITE :t

    ReplyDelete
  6. tqaDecember 29, 2010 at 12:44 PM

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

    kejap nanti aku try! hehe

    ReplyDelete
  7. tqaDecember 29, 2010 at 12:45 PM

    @tqa

    **cayalah

    ReplyDelete
  8. HOW-TO HOUSEDecember 29, 2010 at 12:50 PM

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

    ReplyDelete
  9. wakakakDecember 30, 2010 at 1:06 PM

    x jdk pown

    ReplyDelete
  10. HOW-TO HOUSEDecember 30, 2010 at 6:52 PM

    @syamel izzat sansevieria
    pastikn kmu tukarkan teks yang tebal tu..k..:a

    ReplyDelete
  11. wakakakDecember 31, 2010 at 8:32 AM

    dh tukar dh
    tapi still x ade papa pown

    ReplyDelete
  12. jalil jalilJanuary 1, 2011 at 10:38 PM

    xpaham laa..pening toiiii

    ReplyDelete
  13. HOW-TO HOUSEJanuary 1, 2011 at 11:15 PM

    @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
  14. jalil jalilJanuary 2, 2011 at 11:57 AM

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

    ReplyDelete
  15. HOW-TO HOUSEJanuary 2, 2011 at 1:38 PM

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

    ReplyDelete
  16. Hamzah Nor AedyJanuary 5, 2011 at 12:19 AM

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

    ReplyDelete
  17. HOW-TO HOUSEJanuary 5, 2011 at 9:17 AM

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

    ReplyDelete
  18. AnonymousJanuary 10, 2011 at 1:33 PM

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

    ReplyDelete
  19. silent screamerJanuary 10, 2011 at 2:21 PM

    @Anonymous
    wah! TQ! :a

    keep supprting HOW-TO HOUSE ya..

    for u --> :t

    ReplyDelete
  20. Arya PutraJanuary 18, 2011 at 11:21 PM

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

    ReplyDelete
  21. silent screamerJanuary 19, 2011 at 12:35 AM

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

    ReplyDelete
  22. jalil jalilJanuary 19, 2011 at 10:30 PM

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

    ReplyDelete
  23. silent screamerJanuary 20, 2011 at 8:09 AM

    @jalil jalil
    kamu pkai blogskin ka?

    ReplyDelete
  24. jalil jalilJanuary 20, 2011 at 10:00 AM

    xpastii laa...tapiii memang xdak...

    ReplyDelete
  25. Encik HacFebruary 10, 2011 at 8:14 AM

    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
  26. silent screamerFebruary 10, 2011 at 1:55 PM

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

    ReplyDelete
  27. Meera AzizMarch 1, 2011 at 8:14 PM

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

    ReplyDelete
  28. BoomboomMarch 16, 2011 at 4:47 PM

    kenapa link 'code' tu takde?

    ReplyDelete
  29. silent screamerMarch 16, 2011 at 4:56 PM

    @Boomboom
    Ada tu..amik SINI.

    ReplyDelete
  30. mzJanuary 22, 2012 at 5:24 PM

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

    http://muazfaris.com

    ReplyDelete
    Replies
    1. silent screamerJanuary 22, 2012 at 5:30 PM

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

      Delete
  31. straini si calatoriDecember 28, 2013 at 1:28 AM


    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

Drop your comment. Ask or suggestion.

Join us on Faceboook Page too.

Subscribe to: Post Comments (Atom)