This can be done with some simple CSS. Don't worry, I'm gonna give you the code
On my blog I use this in my sidebar, but I understand that you would like this on a single post. No problem.
Insert this into your blog's stylesheet. Put it at the bottom or somewhere that you'll know where it is (because it's an addition to the stylesheet and not part of the usual functionality):
#bluebox { background: url(
http://jamroommanifesto.com/imgers/blogoptin2blue.gif);
width: 255px; height: 308px;margin: 0 auto;
padding-left:25px;padding-right:25px;
background-repeat: no-repeat; float: none; clear: none;text-align:center;
}
You'll notice that I use an image for the background that the form will sit inside of. In this case it's blue. You don't have to use it, but you are more than welcome to. Just go to
http://www.jamroommanifesto.com/imgers/ ... n2blue.gif in your web browser and save it to your desktop and upload it to your website's image folder.
NOTE: If you use a custom image, you'll need to adjust the height and width in the CSS to reflect your image's size. (You'll also need to change the path of the background image to match where your image is located on your server)
To make this appear in your blog post make a div tag in the post like this: <div id="bluebox"></div>
Paste your AWeber code in between the div tags.
To see how this looks on my site visit
http://www.jamroommanifesto.com (just pretend it's in the blog post and not in the sidebar.)
You'll notice that I have a changed my text color to blue and that I've also made a custom submit button using a background image as well.
Just give a yell if you'd like to do something similar.
Hope this helps,
Steve
