Shoot me if I'm wrong here but here's the code from the original link in the first post here. There is code on the page even though it is blank. See the screen shots below and let me know if what I'm thinking is incorrect as it's hard to tell from a split screen file list.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"giving.php" + window.location.search + "\" width=\"802\" height=\"1386\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E<a href=\"giving.php\" title=\"giving\">Check out my CoffeeCup Form</a>%3C/iframe%3E"));</script>
<noscript>
<iframe width="802" height="1386" style="border:none; background:transparent; overflow:hidden;"
id="fb_iframe" src="giving/giving.html">
<a href="giving.php" title="giving">Check out my CoffeeCup Form</a>
</iframe>
</noscript>
</body>
</html>
These are copies of your screenshots that show what I am thinking here, but if I'm wrong don't shoot me afterall lol. Just trying to see what is wrong here, and it really does not look like the files are in the correct places.
http://coffeecuphelp.com/jo/screenshots/giving-1.JPG
http://coffeecuphelp.com/jo/screenshots/giving2.JPG
I posted this after you asked if you can upload it to see if someone can look at it and yes please do. That is the best way for us to help you. If it helps though, many times some editors cannot see the form and some can when you're trying to preview it, and the best way to be sure it is right is to upload it and look when it comes to scripts and php stuff.