phpMyAdmin login problem

[ahsan]

I use ubuntu 12.04. Recently I have installed XAMPP 1.8.1 in my system. I set password to: XAMPP pages, MySQL/phpMyAdmin, MySQL root and FTP.

And then i restarted XAMPP and XAMPP page shows a username and password prompt and I filled it and logged in to my XAMPP page successfully but after that when I try to login to phpMyAdmin page with username 'root' and my assigned password, it doesn't login and shows a page like: http://i.imgur.com/T11gXpg.png

Also when I click on 'CD Collection' item from the left panel of my XAMPP page it shows:
"Warning: mysql_connect(): Access denied for user 'root'@'localhost' (using password: NO) in /opt/lampp/htdocs/xampp/cds.php on line 64
Could not connect to database!
Is MySQL running or did you change the password?"

Oh! another thing, I edited the /opt/lampp/etc/extra/httpd-xampp.conf file to:
<Directory "/opt/lampp/phpmyadmin">
AllowOverride AuthConfig Limit
Require all granted
</Directory>

but no success...

I am complete newbie to php, mySQL, FTP and this XAMPP. Could anyone please tell me how can I login to my phpMyAdmin page??? did I do anything wrong???

Please help....