Monday, July 26, 2010

Add Yahoo! Messenger Status Icon to Blogger

IM-Online! » Yahoo! Messenger's Status GeneratorNow I want to tell you how to Add Yahoo! Messenger Status Icon to your blog on Blogger.com. Just follow this simple instructions below.

If you have any questions or corrections, please feel free to commenting this simple tuts ;)

  1. Go to this cool site here.
  2. Select your favorite image by clicking the category menus.
    Choose Menu

    don't forget to click on the radio button below:
    Click Button
  3. Enter your Yahoo! ID.
    Enter Name

    please note that you don't have to write the suffix @yahoo.com / @yahoo.co.uk / @yahoo.co.id etc. Just your ID.
  4. Click SUBMIT button on the right after the input text.
  5. You will see 3 boxes appears.
    - HTML Code: to put on your blog, website or social networking
    - BB Code: to put on your forum
    - Preview: How your code will looks like
  6. Copy the code by left click on the area code, then right click to copy the code.
    Select Code

    done. Now you've got your code.

Then, I'll show you how to use the code into your Blogger account.
  1. Log in to your account in Blogger.com.
  2. Go to Design page and be sure you're under tab Page Elements.
  3. Click Add New Gadget in the location you want to put it on.
  4. It will show new window with some options. Choose HTML/Javascript by clicking it or the sign plus (+).
  5. Now in Configure HTML/Javascript window, you can enter the Title and paste the HTML code you've got from above tutorial in the Content box.
  6. Click Save.
  7. Done. Now you can visit your blog to see the result ;)
    Preview Code - Blogger
Even we can use this tool for free, but to show our thanks for their nice job we could donate them just for few bucks ;)

Related Posts:
- Memasukkan Status Yahoo! Messenger ke Blog
- IM-Online! » Yahoo! Messenger's Status Generator

0 comments: