How To Successfully Add a Skype Button In a Widget

  • routingbyrumor · Member ·

    I posted a comment to the IDEAS forum yesterday, lamenting the fact that without wordpress support for either javascript or html using a “callto” URL, ie: <br><br>
    YOUR.SKYPE.NAME <br><br>
    within a widget, it was not possible to place a Skype button on your wordpress blog.<br><br>

    Well, I think I solved the problem. I placed a text widget on my blog that redirects you to a page on another hosting service, in this case FREEWEBS, but any host or website that supports javascript will work. On the freewebs page, I placed the Skype javascript needed for a “CALL ME” button that will show my current Skype status and which will launch Skype and place a call to me (assuming I’m online). The only functionality it lacks is that the Skype button on my blog can’t show my current Skype status. You do, however, see my status on the redirection page.<br><br>
    Check it out… http://routingbyrumor.wordpress.com<br><br&gt;

    Here’s the code I added to my text widget on my blog. At a minimum, you will have to modify the href tag to suit yourself…<br>
    ——————————————————–<br><br>

    </u>
    <p align=”center”>
    SKYPE USERS – CLICK BELOW !<br>

    <img src=”http://download.skype.com/share/skypebuttons/buttons/call_blue_white_124x52.png” style=”border:none;” width=”124″ height=”52″ alt=”Skype Me™!”>

    <br>
    Don’t have Skype?<br>

    Get Skype Here     and call me for free.

    </p>
    <u>

    ——————————————————–<br><br><br>

    And here’s the code I placed on my page at freewebs. At a minimum, you will have to modify the href tag with your Skype user name, and replace the occurances of my wordpress name with yours…<br>
    ——————————————————-<br><br>

    <!DOCTYPE HTML PUBLIC “-//IETF//DTDHTML//EN”>
    <HTML>
    <HEAD>
    <TITLE>RoutingbyRumor’s Skype Button for WordPress members</TITLE>
    </HEAD>
    <BODY>
    <p align=”center”>(Skype users can click on this button to call me)<br><br>

    <!–Skype ‘My status’ button http://www.skype.com/go/skypebuttons–&gt;
    <script type=”text/javascript”
    src=”http://download.skype.com/share/skypebuttons/js/skypeCheck.js”>
    </script>


    <img src=”http://mystatus.skype.com/bigclassic/RoutingbyRumor”
    style=”border: none;” width=”182″ height=”44″ alt=”My status” />

    <br><br>You may have to refresh this page to see my current status !<br>
    (My Skype name is “RoutingbyRumor”)<br><br><br>
    Redirection to this page was necessary because WordPress.com blogs<br>
    do not support javascript code in widgets or Skype’s “callto://” syntax<br><br>
    </p>

    </BODY>
    </HTML>

    ——————————————————-<br>

    Hope that displays correctly. If not, use your browser to view the source code on my blog and on my freewebs page.

    – RoutingbyRumor

  • theapparatus · Member ·

    Try placing the code into a forum post within backticks. That’s the key above the tab key and to the left of the ‘1’ key on a standard pc keyboard.

  • routingbyrumor · Member ·

    OK… Let’s try this again…

    Here’s the code I added to my text widget on my blog:
    ——————————————————– 

    </u>
<p align="center">
SKYPE USERS - CLICK BELOW !<br>
<a href="http://www.freewebs.com/routingbyrumor/skypebutton.htm">
<img src="http://download.skype.com/share/skypebuttons/buttons/call_blue_white_124x52.png" style="border:none;" width="124" height="52" alt="Skype Me™!">
</a>
<br>
Don't have Skype?<br>
<a href="http://www.skype.com/go/download">
Get Skype Here</a> and call me for free.
<br /><br />
</p>
<u>

    ——————————————————–

    And here’s the code I placed on my page at freewebs…

    ——————————————————– 

    <!DOCTYPE HTML PUBLIC "-//IETF//DTDHTML//EN">
<HTML>
<HEAD>
<TITLE>RoutingbyRumor's Skype Button for WordPress members</TITLE>
</HEAD>
<BODY>
<p align="center">(Skype users can click on this button to call me)<br><br>

<!--Skype 'My status' button http://www.skype.com/go/skypebuttons-->
<script type="text/javascript"
src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js">
</script>

<a href="skype:RoutingbyRumor?call">
<img src="http://mystatus.skype.com/bigclassic/RoutingbyRumor"
 style="border: none;" width="182" height="44" alt="My status" />
</a>

<br><br>You may have to refresh this page to see my current status !<br>
(My Skype name is "RoutingbyRumor")<br><br><br>
Redirection to this page was necessary because WordPress.com blogs<br>
do not support javascript code in widgets or Skype's "callto://" syntax<br><br>
</p>

</BODY>
</HTML>

    ——————————————————-

    (crossing my fingers that will display correctly)

  • routingbyrumor · Member ·

    Thanks, Apparatus !

    I didn’t know about the backtick thingy.

    -RoutingbyRumor

  • thesacredpath · Member ·

    @routingbyrumor
    Thanks a lot for posting this for those in the future that may want to do the same thing.

  • options · Member ·

    <a href="skype:SkypeHandle?call">

    just for the record, there’s no such protocol on the web as ‘skype:’. this malarkey will work only if MS IE ActiveX or Mozilla FF extention are installed (Skype toolbar).

    guess, it’s also probably kinda against of Automattic’s ToS, as it drives [unwanted] traffic to the Skype Ltd. website, whose service is stipulated by dowloading their proprietary client (of their proprietary closed protocol) and creating an account for those blog visitors who are not the Skype Ltd. customers yet.

  • theapparatus · Member ·

    It was getting removed way back when.

  • The topic ‘How To Successfully Add a Skype Button In a Widget’ is closed to new replies.