Wednesday, 11 April 2012

How to add Google Talk Popup to your blog || how to chat with friends using Google Talk || Code for Google Talk || Know about Google Talk || How to add Google Talk Gadget to your blog



  Hi friends, in this article i will explain about how to add Google Talk pop up to your website.

Take one new .ASPX page and add the following code to .aspx page .


    <a class="add_now_text" href="javascript:(function(){open('http://talkgadget.google.com/talkgadget/popout','_blank','width=300,height=445,toolbar=0,status=0,menubar=0,location=0,resizable=1,scrollbars=0')})();javascript:urchinTracker('/talk/outgoing/gadget')">Google talk</a>

If you want to put the code to the button then add the following code to your page.

        <asp:Button  class="add_now_text" ID="Button1" runat="server" Text="Launch Google Talk" onclientclick="javascript:(function(){open('http://talkgadget.google.com/talkgadget/popout','_blank','width=300,height=445,toolbar=0,status=0,menubar=0,location=0,resizable=1,scrollbars=0')})();javascript:urchinTracker('/talk/outgoing/gadget')"/>

The css of the add_now_text is as follows

<style type ="text/css" >
     .hand1 {cursor:pointer;cursor:hand;}
    .add_now_text {font-weight:bold;padding-left:1px;text-align:center;margin-top:100px;margin-left:250px;background-repeat: none;font-size:medium;display:block;
    </style>
Then after that run code it shows like the below screenshots.



 The complete code of the page is

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Add Google Talk</title>
    <style type ="text/css" >
     .hand1 {cursor:pointer;cursor:hand;}
    .add_now_text {font-weight:bold;padding-left:1px;text-align:center;background-repeat: none;font-size:medium;display:block;
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button  class="add_now_text" ID="Button1" runat="server" Text="Launch Google Talk" onclientclick="javascript:(function(){open('http://talkgadget.google.com/talkgadget/popout','_blank','width=300,height=445,toolbar=0,status=0,menubar=0,location=0,resizable=1,scrollbars=0')})();javascript:urchinTracker('/talk/outgoing/gadget')"/>
    <a href="javascript:(function(){open('http://talkgadget.google.com/talkgadget/popout','_blank','width=300,height=445,toolbar=0,status=0,menubar=0,location=0,resizable=1,scrollbars=0')})();javascript:urchinTracker('/talk/outgoing/gadget')">Launch Google talk</a>
    </div>
    </form>
</body>
</html>

Copy this code into your .aspx page and Run the page.Happy coding...............
"If you like my blog or articles, you can appreciate by leaving your comments or Liking my Facebook page Aspdotnet-kishore, following on Google+ Aspdotnet-Kishore, Twitter on AspdotnetKishore, Linked in Aspdotnet-Kishore, stumbling my posts on stumble upon and subscribing on RSSfeed Aspdotnet-Kishore for free updates directly to your Email inbox . Watch my blog for more articles."

2 comments:

  1. hi,
    i used the above code in my web application it opens the pop up window but it is empty can u please suggest me to solve this problem .
    Thanks
    sai
    mail id:sairam1301@gmail.com

    ReplyDelete
  2. Hi Sairam,

    Actually error is not in the code.Please check the below link
    http://www.google.com/talk/start.html

    Thanks,
    Roja

    ReplyDelete

© 2012-2014 Aspdotnet-Kishore.blogspot.com. All Rights Reserved.
The content is copyrighted to Kishore and may not be reproduced on other websites without permission from the owner.