Find ID and Class Elements in Any Webpage

It’s been quite sometime since I posted any new posts here.. Here’s a quick video tutorial on how to find ID’s and Class(es) on a webpage, using firefox and firebug addon.

How can this help?
If you’re looking into some automation stuff (using selenium or any other web automation tools), these ID’s and Classes will surely come in handy.

Ah what the heck? :) Let me watch the video:

Stay tuned for another video on how to use the firebug console to do some cool stuff with the webpage elements!

Download videos from Youtube in just 3 clicks

There are lot of websites out there offering you help to download videos from Youtube. BUT this site is kinda special. The new site 3outube.com can help you download videos from Youtube in just 3 clicks. No hassle of copy pasting the youtube links.

Here is how to download Youtube videos in just 3 simple clicks:

1. While browising a Youtube video, if you want to download a video simply change only the letter “Y” from youtube.com to “3″, so the URL is 3outube.com.
step1 of youtube download

2. Remove and replace the URL
step2 of youtube download
changing the ‘Y’ to ’3′

3. Now Click on the “Download” button.
Whola… that’s all :)

For example, if you want to download http://www.youtube.com/watch?v=OLKieLQ9QQU. Simply write http://www.3outube.com/watch?v=OLKieLQ9QQU and like magic, you’ll get a download link to the video in MPEG or FLV.

Isn’t that simple now? :)

How to: Create an Orkut share button for your website

Orkut is surely catching up with Facebook and Twitter fast. I was just trying to find some share buttons online and guess what I found? An Orkut share button…. Yeah, just like the Facebook share button, there is an Orkut share button too…

Here is a step by step guide on how to add an Orkut share button to your website:

  1. Go to http://www.google.com/webelements/orkutshare/
  2. Customize your Orkut share button
  3. Grab the auto generated code and add it to your website\blog’s template… :)

Now when you click on the share button it would automatically opens the share screen for you to share the site. The title and the URL is automatically generated according to your settings on step #2.

Here is how the Orkut share screen looks like:

orkut share button
This is when you click on the share button.

orkut share on stream
And this is how it shows on the new Orkut stream!

Another interesting thing to notice is that the Orkut promote uses Oauth URL callback from http://promote.orkut.com/oauth_callback[Unique-id]..

What are your thoughts about this new feature in Orkut? Are you going to use it as much as Facebook or Twitter share buttons? Post your comments below and let me know.

How to: Overcome the Farmville Screen Of Death (FSOD)

Thanks to Nessuno, we now have a Farmville bot that helps us play Farmville easily without clicking hundred times to plow, harvest or plant crops in farmville. But sometimes there is this Farmville Screen Of Death (‘Farmville NOT found’) error…

farmville not found

Are you annoyed, a sad panda because of this error and cannot use the famville bot? Don’t worry; this post is here to help you :) . If you don’t have the Farmville bot yet, read these posts 1 and  post 2. The latest version of Farmville bot is Version 1.3, It can be downloaded from here.

System requirements needed to run farmville bot:

  1. Microsoft Windows XP/2002/Vista/Seven
  2. Any Internet Browser
  3. Internet Browser and Flash with zoom at 100%
  4. Display color depth at 24 or 32 bit

When you see the ‘Farmville not found’ screen, try the following:

  1. First check the system requirements.
  2. Use another browser. If you are using firefox and hitting the FSOD (Farmville screen of death) try using Internet explorer or Google Chrome.
  3. Delete cookies and cache and try again

Still didn’t work? Post your comments below… let me figure out something special for you :)

How to: Add a simple Facebook share button to your Blog posts in 5 simple steps

There’s a plugin for everything nowadays in wordpress but some plug-in just doesn’t work like we want them to work.. One of them is the Facebook share-me plugin. Although it gives you a counter just like the digg button, sometimes its really hard to customize and share it in the place where we want it on the page. So, I figured out a way to add the Facebook share-me without a plugin and you can add it in 5 simple steps in your blogger or WordPress blog posts.

Things you need:

1. A Facebook share button, if you don’t have one use the image link below. [facebook share ]

http://thesharath.com/img/share-me-fb-button.jpg

Here is how you can add Facebook share-me in just 5 simple steps:

For Blogger blogs:

1. Write your blog post

write a blogger post

2. Publish it

publish post

3. Now copy the published blog URL and Edit the published page again. [Eg. http://sharath-g.blogspot.com/2009/10/testing-facebook-share-plugin.html]

copy link blog post

4. Grab this code and put in your URL

<a href="http://www.facebook.com/sharer.php?u=ENTERYOURPOSTURLHERE"><img src="http://thesharath.com/img/share-me-fb-button.jpg" alt="share to facebook button"></a>

5: Add the code to your post and republish the blog :)

Now try adding using the Facebook share button.

done adding facebook shareme

For WordPress blogs:

If you are adding Facebook share me to your Theme file, just add:

<a href="http://www.facebook.com/sharer.php?u=<?php echo 'http://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] . ' ' . $_SERVER['QUERY_STRING']; ?>"><img src="http://thesharath.com/img/share-me-fb-button.jpg" alt="share to facebook button"></a>

This below script is a PHP script which automatically inputs the URL of the page.

<?php echo 'http://' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] . ' ' . $_SERVER['QUERY_STRING']; ?>

Now isn’t that easy? :) Do you also have any such easy tips and tricks? Share it with us by posting comments below or you can contact us to send a tip!

How to: Add your WordPress.com blog to Google Webmaster tools

wordpressgoogle webmaster central

I’m sure many of you have tried to add your WordPress blog into Google Webmaster Tools but failed to verify the blog since you cannot add meta tags, neither you can upload an HTML file since yours is a free WordPress blog.

Here’s a way if you really wish to add your blog into Google Webmaster Tools in few simple steps:

  1. First of all, you would need to use any of Google’s services; to get you a Google account. So get it ready, if you already have it, and then login to Google Webmaster Tools,
  2. Also, login to your WordPress admin panel. Once you’re into both sites, then first add your blog, for this you’ll see a “Add a site” link inside Google Webmaster Tools main page.
  3. Tip: Add your blog without www first, then with www. Example: http:// blog-address.wordpress.com then again add http://www. blog-address.wordpress.com…
    First one is without www and you’ll be asked to verify your blog and Google will give you a Meta tag. In the drop box, select HTML File, then Google will give you a long filename with .html extension, example:google0cdyek69fa2bd88f.html

  4. Now copy this filename and come back to your wordpress admin panel. Go to the ’Pages’ menu on the left and click on ‘Add new’. Paste the filename in the post title field, don’t worry if the URL below is changed to a dash, let it be. Inside the post body, you may simply paste the filename again, or leave it blank, it doesn’t matter.
  5. Since we don’t want this new page to appear in your blog’s navigation panel, on the right, in the Attributes field, choose Page Parent – choose any other already existing page as parent and now save this new page. Go to Webmaster Tools tab and now click on ’Verify‘ button
  6. Done!

Now you have added your blog, and also verified it. Similarly add your blog with a www now. (So if someone types your blog’s URL with a www, then it will show up in search history pane in Google Webmaster Tools) … Have fun :)

Related: Top 5 Google Web designing tools..

How to upload photos via email to your Facebook albums?

Facebook gives you lots of options to access the site and stay in touch with the friends. You can text to update your status, visit m.facebook.com on your phone or Download rich, interactive applications built for your phone. But did you know?, you can also email a photo to your facebook account?. Yup, now you can.

Facebook email photos

Although, this feature is there on facebook for quite long time, many people fail to use it (because its kinda hidden).

Before this service was available on iphone users but now anybody can email their photos to facebook. Here is how to activate and setup uploading Photos via Email to your Facebook account:

1. Go to m.facebook.com from your phones
2. Request for personalized Email account
3. Use it in ‘To’ Adress bar with subject line
4. Click send button

Note: Your phone should be compatible\setup to send emails.

How To Win yourself a FREE Windows 7 Ultimate Edition from Microsoft?

windows 7

Here is an awesome chance to receive FREE “Windows 7 Ultimate” copy officially from Microsoft. To promote Windows 7 launch, Microsoft has announced an interesting offer.

Its called the “Windows 7 Launch Party“its a new website from Microsoft which is providing this offer.

You need to simply fill out the form and if you’re selected, you’ll not only receive a special Signature Edition of Windows 7 Ultimate but your very own Windows 7 Party Pack. Choose a day from October 22-29 and if you’re selected, you’ll not only receive a special Signature Edition of Windows® 7 Ultimate but your very own Windows® 7 Party Pack.

Also, this offer is only available in:

Australia, UK, US, France, Canada, Germany, Hong Kong, India, Italy, Japan, Mexico, Spain…

Download Windows 7 Enterprise 90-day Trial Version from microsoft

Windows 7 RTM

If you haven’t got your hands on Windows 7 RTM yet, here is an awesome chance for you to enjoy a full working 90-day trial version of Windows 7 Enterprise :) .

Microsoft is offering a 90-day trial version of Windows 7 Enterprise to IT professionals so that you can test your software and hardware on Windows 7 RTM. Both 32-bit and 64-bit versions are available and you can download it in five languages: English, French, German, Japanese, and Spanish.

Things you need to remember:

  • Back up your data first.
  • It will not require a product key (it is embedded with the download).
  • You’ll need to activate it within 10 days, otherwise the system will shut down once every hour until activated.
  • The Trial will shut down once every hour if you have reached the end of the 90-day evaluation period.
  • The 90-day Trial is offered for a limited time and in limited quantity. The download will be available through March 31, 2010, while supplies last.

Here is a review video of windows 7:

So don’t waste more time. To grab your copy use the following link:

http://technet.microsoft.com/en-us/evalcenter/cc442495.aspx