Yahoo Messenger Online Status Print E-mail
Tag it:
Delicious
YahooMyWeb
Reddit
Digg
Stumble
Furl it!
Technorati
NewsVine
Spurl
BlinkList
Tuesday, 18 November 2003

if you've got your own website and wish to communication "realtime" with visitors to your site then the Yahoo Messenger Status Indicator is a great start.. Yahoo! have provided a quick tutorial on it at [Adding Online Presence To Your Web Pages] but some of you have asked for this to be explained a in a little more detail so here it goes...

Here's the std code that Yahoo! provides...
<a href="http://edit.yahoo.com/config/send_webmesg?.target=YOUR YAHOO! ID&.src=pg">
<img border=0 src="http://opi.yahoo.com/online?u=YOUR YAHOO! ID&m=g&t=2"></a>


what this does is insert the following offline/online status indicators onto your website page..
Yahoo...online Yahoo...offline
you don't have to download any pictures.. simply copy and paste the code straight to the required position on your web page then change YOUR YAHOO! ID to your own ID.

Breaking it down...

The first part of the code...

<a href="http://edit.yahoo.com/config/send_webmesg?.target=YOUR YAHOO! ID&.src=pg">

Yahoo Messenger Std Sign In PageThis is what allows vistors to your site to communicate directly with you.. they need to have a Yahoo ID but not necessarily be logged into Messenger. When they click on your status graphic they're taken off site to the std login page where they'll be prompted to enter their Yahoo ID and Password.. if they're already logged into Messenger then the Yahoo ID should already be filled in. One they sign on/confirm their identity they're automatcially transported to "Send and Instant Message".. which is shown in the code above, that being..
http://edit.yahoo.com/config/send_webmesg

 

Send an Instant Message dialog box now if they've Signed in with their Default ID (as most of us do) then they can select the appropriate ID by hitting the down arrow at the From: field. The screen is pretty self explainitory really.. much the same a sending a message directly from messenger.. now if they don't have Messenger installed on the computer they're sending from they have the option of checking Launch Java Messenger for replies this loads the lite version which enables you to talk back to them.. very cool if your surfing at work ;-)

 

 


Yahoo Messenger Send An Instant Message From this page they can also add you to their friends list and check out your profile and download the full version of Yahoo Messenger if they don't already have it.. a one stop shop for communicating with you..

 


The Second...
<img border=0 src="http://opi.yahoo.com/online?u=YOUR YAHOO! ID&m=g&t=2"></a>
This is the code that locates the status graphics and why you don't need to download them, or rather upload them to your own directory. img is what tells you that its a graphic (image) and the boarder is set to 0 by default.. if you'd like a larger one simply increase the number. If once you've uploaded the web page and the graphic is not being displaid then it's this part of the code that you need to double check. Make sure your ID is correct and that have not deleted any of the surrounding text.. specifically u=YOUR YAHOO! ID&m=g this is the most common problem that most of you write to us about.. you get a little carried away when you delete YOUR YAHOO! ID and take out either some or all of the text either side :-)


The Graphics...
If you have a Yahoo/Geocities home page then you're provided with a couple of different sized graphics to choose from..

Small...

<a href="http://edit.yahoo.com/config/send_webmesg?.target=YOUR_ID&.src=pg">
<img border=0 src="http://opi.yahoo.com/online?u=YOUR_ID&m=g&t=0"></a>


Medium...

<a href="http://edit.yahoo.com/config/send_webmesg?.target=YOUR_ID&.src=pg">
<img border=0 src="http://opi.yahoo.com/online?u=YOUR_ID&m=g&t=1"></a>


Large...
Yahoo...online Yahoo...offline
<a href="http://edit.yahoo.com/config/send_webmesg?.target=YOUR_ID&.src=pg">
<img border=0 src="http://opi.yahoo.com/online?u=YOUR_ID&m=g&t=2"></a>


The position of your status indicator on your page will decide what size best suits so have a play around with the codes.. they are identical apart from the area which we've highlighed red.. so when your playing around with the different sizes simply change this number rather then copy and paste the entire code again.

I think that just about covers it.... if you have any questions that haven't been covered please feel free to drop us a line :-)

Last Updated ( Friday, 02 January 2004 )
 

want to comment? something to say? check out our forum

Most Downloaded

FileClear/Edit YahooMessenger Status History Downloads:51940
Some users have been looking for a way to clear out their Yahoo Messenger custom status history... So Andy...
Filebee's Yahoo! Messenger Skin Cupid Downloads:36517
I created this skin as part of our Yahoo! Messenger Skins series, you can read, in part, how this skin was...
FileYahooV8Multi.reg Downloads:30201
Yahoo Messenger version 8 supports running multiple versions with a simple registry change that we have av...
FileYahoo! Messenger v800683 Sound Files Downloads:21532
Don't like the sounds & alerts in v8 of Yahoo! Messenger? We have an easy solution for you, download the r...
FileYEmotePLUS (for Yahoo! Messenger v8 ONLY) Downloads:19522
YEmotePLUS gives you access to ALL the secret and hidden Emoticons / Smileys quickly nd easily, Multiple l...

Latest Downloads

FileFlickr Desktop SlideShow
WackyB's Flickr Desktop SlideShow is a new way to view your own and your friends latest flicker photos. Unlike a screen sa...
FileYahoo Messenger Twitter Sync
I've written articles about Twitter over at bee.geek, what am I doing? covered my introduction to Twitter, when I wrote...
FileSkin & Utilities Ultimate Pack!
NOTE: Clicking on the Download button will redirect you to the Skin and utilities pack purchase page, you will receive the...
FileYahoo! Messenger Skin bee's Knitting
The based skin Lilac, was made with YIM Skin Maker PLUS++, after that I edited a couple of the graphics that were generate...
Filebee's Shark
 The based skin Pool, was made with YIM Skin Maker PLUS++, after that I edited the 4 of the graphics generated by add...
in association with...
WackyB.com ~ the social side Instant Messenger .info for your Mac bee's non blogging blog the fun way to capture and broadcast Instant Messenger webcams