I took the recommended way and used Metamask for transferring coins for EOS sale.
The problem is the EOS distribution interface didn't work for me. I saw a few posts on the internet trying with Metamask and getting this right after several attempts, that never happened to me.
This post is intended for people who have transferred Ether to EOS distribution address using Metamask but are now not able to claim the tokens.
DO AT YOUR OWN RISK.
USE AT YOUR OWN RISK. I AM NOT RESPONSIBLE FOR TOKEN LOSS. THIS IS NOT LEGAL OR INVESTMENT ADVICE. IT IS HIGHLY SUGGESTED YOU READ THIS ARTICLE IN IT'S ENTIRETY AND UNDERSTAND THE IMPLICATIONS BEFORE CONDUCTING A TRANSACTION. IF YOU'RE A US CITIZEN OR RESIDENT YOU CANNOT PARTICIPATE IN EOS TOKEN SALE AND BY EXERCISING THIS CONTRACT YOU ARE AGREEING TO THOSE TERMS.
The issue I encountered
When I load the EOS distribution interface the following messaged came every f$%#&ing time.
Loading...please wait. Unlock your MetaMask wallet and/or reload this page if the interface does not load in a few seconds.
I was not able to find a resolution for this, instead I exported my account and completed the whole process in MyEtherWallet
Steps to export account
This is a bit risky since Metamask only allows us to export the account details as an unencrypted private key, and if anyone else gets your private key, they have complete access to your account without needing any other credentials.
So please be careful about this.
Screenshots for finding out your private key.
Click the export private key icon as in the screenshot.
Provide your password here and get your private key (Never share this to anyone else)
After getting this you can just follow the instructions for claiming keys in MyEtherWallet.
I followed the post by which was very descriptive. Just do the Step 2 and Step 3 from the below post.