If you’re oflfline, it will display image like this:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj37O2BbAXYwtAHGoySbtAnlUaQhlEa8BYuTWIaonMako1y1o3qiQ4b8CwWkNIyJUgMturOnRg5pFC3wXsdixHk4sPBpXz06N5fMSPrVNlIP-1TBJqwVrkskax9WssT1ZMG5uokcsDr6sK-/s320/ofline.gif)
And if you’re online, it will display icon like this:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHQ0eaxypiWOtJ4LfC4PHz0GBm9v5_cPNdCWHfeCjYhXvbgK432MeTr1K3fBYGfkredddq5AXor2ESktBUyu6iEup2nQhrzzwdkbnCOvwUePWbr1YAEONKoC9IwYsm7BOBjRuWUEcfTMUm/s320/onlines.gif)
It’s very simple to create it. You just copy the code below and put it on your "Page Element" or sidebar.
<a href="ymsgr:sendIM?plekocot"> <img src="http://opi.yahoo.com/online?u=plekocot&m=g&t=2&l=us"/>
</a>
Change the red text (kendhin_x) with your YM id.
Look at the green number "1", you can change it. What the result of doing this? you will different image/icon as your YM status.