I am a freelancer and looking for work

My name is Steve Cross and this blog is a collection of some of the interesting things I've found that I felt the need to share. However this blog is also intended to demonstrate my talent as a web designer and developer. If you like what you see and would like a new site, changes to an existing one or for your site to earn more money for you, then head over to my site and check me out.

 
 
 

How to add a ‘chat to me’ button to a website

This is another simple tutorial on how to add a ‘Chat to xxxxx’ button to a website. You can see an example of this at the bottom right of the screen. As a prerequisite you will need a Google account.

1. Log into your google account and go to http://www.google.com/talk/start.html

2. Visit this site to obtain the code needed http://www.google.com/talk/service/badge/New

3. Copy and paste the code. I placed mine just above the navigation bar but it isn’t important.

4. Surround your pasted code with

<div id=”chat”>…</div>

5. Put the following code into your css file

#chat {
position:fixed;
bottom:0px;
right:0px;
}

 

That should be it! Enjoy your new google chat button!

  • by codemonkeysteve
  • January 9, 2012
 
-->

One Comment

  1. Posted July 10, 2012 at 7:32 am | Permalink

    Hi Steve Cross,

    Thanks a lot for the post. I like it because you keep it simple and nice!

    Yours,

    PA

 

Have something to say?