Google Talk Widget For Blogger / BlogSpot

Google Talk is one of the most popular IM clients on  the Web. The Google Talk Widget for Blogger will help you in adding an elegant Google Talk badge to your Blogger / BlogSpot Blog.
The Google Talk Widget comes in 2 varieties. You can add any of these two widgets.Both of them are different and work differently 🙂

1.Google Chat Back Gadget – This gadget allows your visitors to IM you without revealing your Gmail address.you can chat with your blog visitors like what you normally do with your IM buddies. The only difference here is that your identity wont be revealed.

How to Install the Google Chat Back Gadget?

1. Login with your Google Account at Google Talk Badges
2.Copy the HTML Code generated by Google
3.Now login to your Blogger Account and Navigate to Layout > Page Elements Page
4.Click the Add Gadget Link and Opt to add an HTML/JavaScript Gadget
5.Paste the HTML code(that we copied) into the Gadget and Save it.
6.Now you should see the Google Chat Back Widget on your Blog’s sidebar.
Here is a Screenshot of what the Google Chat Back Widget will look like
image
2. Google Talk Gadget – This Gadget is just like the Google Talk Interface within your Gmail. This will allow your  blog visitors to login to Google Talk. It is better to say that, once you add this gadget, your blog can serve as a Google Talk IM Client. This Widget wont allow the visitors to chat with you. If the visitor logs into his Google Talk account(via this Google Talk Gadget), he will be able to chat with his Google Talk Buddies and not with you(the blog owner)unless you were already on his buddy list 🙂

Link to me widget for blogger

This is a nice little widget which can find its place in your blog’s sidebar.You might want to let your readers link back to you in an easy way.We will now make a newLink To Me Widget which will display the code needed for a reader to link back to your blog.We will also provide a Add link using Blogger Button.

This button will work like a widget installer,which makes it easier for your readers to add your link.They can link back to you easily by adding your link to me widget.

How to make the Link to me Widget?

1.First of all Make a Small Logo of your blog,which can easily fit into any blog sidebars.It should be small and pretty 😛
2.Now upload this image somewhere.[You can use blogger to upload the logo if you want or you can opt for some service like tinypic.com]

3.Now note the url of this uploaded image
4.Ok now you Copy the following  Code into a Text File
<p>If you like this blog,then link back to me.<br/>
This is what you will see.p>
<div style="text-align: center;">
<a style="border:0px;text-decoration:none;" href="Your_Blog_URL" title="Your_Blog_Title">
<img alt="Your_Blog_Title" style="border: 0px;" src="Url_of_a_Small_logo_of_your_blog"/>
a>
div>
<textarea rows="3" cols="30">
<a href="Your_Blog_URL" title="Your_Blog_Title" style="text-decoration:none;border:0;">
<img src="Url_of_a_Small_logo_of_your_blog" alt="Your_Blog_Title" style="border:0" />
</a>
textarea><br/>
<br/>

Optionally use this Widget installer to add this link to your blogger blog.

<form action="http://beta.blogger.com/add-widget" method="post" target="_blank">
<input style="display: none;" value="My Favourite Site" name="widget.title"/>
<textarea style="display: none;" name="widget.content">
<a href="Your_Blog_URL" title="Your_Blog_Title" style="text-decoration:none;border:0;">
<img src="Url_of_a_Small_logo_of_your_blog" alt="Your_Blog_Title" style="border:0" />
</a>
textarea>
<br/>
<input style="border:0px;" src="http://www.blogger.com/img/add/add2blogger_lg.gif" value="Link To Your_Blog_Title" name="go" type="image"/>
form>
5.In this code replace all occurrences of Your_Blog_Title with the Title of your blog
6.Replace all occurrences of Your_Blog_URL with the url of your blog.
7.Replace all occurrences of Url_of_a_Small_logo_of_your_blog with the url of the logo that you uploaded.
8.Now your code is Ready!!
9.Copy out the modified code from your text editor.
10.Now Goto Blogger > Layout page
11.Choose to add a gadget and Opt for HTML/Javascript
12.In that widget paste the modified Code and Save.