Create Custom Skype Buttons

skype logo button Create Custom Skype ButtonsRecently we  implemented Live Help for our paying customers. We based it on Skype, so our customer can call us or contact us as they are working on their websites, especially  if they need instant advice. The main challenge we had was creating custom Skype Call Me buttons. You see, Skype provides a bunch of free custom buttons, but you are then tied into their default Skype buttons images. For most people that might be fine, but you also might find yourself not happy with being tied to “Call Me” buttons. So how do you get custom Skype buttons to work? The solution we found  was this great script which we have slightly modified.

Basically it ties into the status codes of Skype as below
* 0 – unknown
* 1 – offline
* 2 – online
* 3 – away
* 4 – not available
* 5 – do not disturb
* 6 – invisible
* 7 – skype me

Simply create images in JPG or PNG and number them 1 thru 7 for each status. The next step is to change your username to your personal one and you are good to go. It’s that simple. Get the full script here with our notations. Make the changes you need, and save as .PHP  file type.  Have fun!

Print This Post Print This Post
  • michael
    May 16th, 2009 at 10:20 | #1

    Nice code!!

    But I dont have fopen on in my php.ini, last time I did this my server was hacked sometime after so I dont really want to.

    I was wondering if there is any way around this.

  • Mark8t Staff
    May 16th, 2009 at 11:56 | #2

    Unfortunately this only works with fopen. We are using the Skype custom solution in a secure area. We suggest you hide the info about your php.ini file using the below in your .htaccess file. Just Google hide php.ini or read here. You should also set the appropriate CHMOD for the file…

    Other issues to consider are your hosts security and the platform or CMS which you are using to host your content. We have used it on several developments with no issue, but please note we don’t take credit for the script. It was created by another party, so use it at your own risk.

  • Sean
    Nov 14th, 2009 at 18:20 | #3

    after you do all this how do you get the images to actually show up in my html page

  • Mark8t Staff
    Nov 14th, 2009 at 20:52 | #4

    You need to include in the script where the images are located. The line you need to modify is noted in the script.

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>