How To Put Yahoo! And Skype Icons Or Buttons On Your Website?

by admin on October 3, 2007


Want people to be able to call you on Skype when they visit your website? Do you want people to know that you are online on Yahoo! messenger and they can initiate a chat session by simply clicking the icon or the button on your website? This is a very good way of encouraging your visitors to contact you immediately especially if you conduct business through your website.

Normally when you are online the two icons look like:

Yahoo! Online
Skype Online

These icons change color or text when you are offline so that your visitors know when they can contact you directly.

Putting Yahoo! chat icon or button

Putting a Yahoo! chat icon is very easy. You can have it as a text link or a graphic link. In order to have a text link, just use this sort of HTML tag:

Note: There are some line-breaks in the code that you’ll have to manually remove.

<a href = 'ymsgr:sendim?your_yahoo_id'>Send me a message</a>

Replace "your_yahoo_id" with your actual Yahoo! id.

And if you want a graphic icon, use this:

<a href = 'ymsgr:sendim?your_yahoo_id'>
   <img src='http://opi.yahoo.com/online?u=your_yahoo_id&m=g&t=2'

 border=0></a>

The value of t can vary according to the sort of icon you want.

Putting Skype icon or button

Although you can easily log into your Skype account and find out how to put a Skype button on your website, if you don’t want to go to all that trouble, you can simply use this code:

<script type="text/javascript"
   src='http://download.skype.com/share/skypebuttons/js/skypeCheck.js'>

</script> 

<a href='skype:your_skype_id?call'>

<img src='http://mystatus.skype.com/balloon/your_skype_id'

 style='border: none;' width='150' height='60'

 alt='My status' /></a>

You can customize the button by logging into your Skype account. Before you can use the Skype status icon you’ll need to change your Skype privacy settings.

  • Stumbleupon
  • Delicious
Share

Related posts

  • No Related Post

{ 16 comments… read them below or add one }

Paul Glanville October 4, 2007 at 8:22 am

Neato!

I’m going to try this out!

Thanks!

GKP

agentmax69 April 17, 2008 at 8:56 pm

thank’s a lot man… it work’s ^^

chinni July 17, 2008 at 3:35 am

chinnu this is the yahoo link to put my web page html code part, if users are click this link directly open the yahoo massanger, so how to put skype link , plz replay me

Ihwan July 31, 2008 at 4:06 am

Thx for your useful info ;)

Roxy August 20, 2008 at 8:07 am

thanks for sharing :)

Best Wishes
Roxy
Web designer

ivan August 30, 2008 at 6:09 am

hey thanks for the tip..oh ya how can i increase my page rank, and increase my visitors

Lauczi December 19, 2008 at 7:15 am

well it doesn’t work for me. The Yahoo! icon shows i’m offline all the time. Allthough i set showing my status on websites … :(

Custom Application Development January 13, 2009 at 12:57 am

Thanks a lot. I tried and it is wokring on my website

Directory Submissions March 11, 2009 at 12:41 am

this tools is great i have added to my site thanks.

Nhu Dinh Hiep July 5, 2009 at 12:14 am

Isn’t it possible if I just want a typical online Skype icon (16×16 pixel)?

admin July 14, 2009 at 8:14 am

On the Skype website they do have smaller icons. You can even create your own icons for that matter.

rimmon August 27, 2009 at 3:01 am

thanks for this info :)

just 1 question,
what should i do?

this is what i wanted

if someone clicks the skype icon in my website, i want him to chat me and not call me

josef October 25, 2009 at 8:33 pm

thanks bro, it really works …..

wawwi.com November 13, 2009 at 7:56 pm

Thanks. It’s work. :-)

lala February 10, 2010 at 3:23 am

it does not work for me.. I already put the yahoo id and skype id… have i missed something??

MamieLove35 March 5, 2010 at 5:14 pm

Lots of specialists state that mortgage loans aid a lot of people to live their own way, just because they are able to feel free to buy needed things. Furthermore, various banks present college loan for different classes of people.

Leave a Comment

Previous post: How To Choose A Niche For Your Blog

Next post: How To Enjoy Your 9-5 Job