MailChimp Widget Not Working

Hello everyone,

I recently had a guy make me an opt in form for MailChimp to put on the sidebar.

When he sent me it in an HTML form, it looked good, but when I put it on the website it looks bad.

You can see it here:

https://beyondbacklinks.com/blog/

I really don’t know what’s the problem, I tried using a plugin called HTML and Javascript Adder, but it didn’t fix it.

Here is a part of the code I am using:

<!-- Begin MailChimp Signup Form -->
<div align="center">
<div style="background-image:url(not provided); background-repeat:no-repeat; width:300px; height:554px;">
<div id="mc_embed_signup">
<form action="not provided" target="_blank" novalidate>
<div style="padding-top:385px;"></div>
<div style="padding-left:80px;" class="mc-field-group">
	<input style="background:transparent; border:0px; height:28px;" size="24" type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
	<div id="mce-responses" class="clear">
		<div class="response" id="mce-error-response" style="display:none"></div>
		<div class="response" id="mce-success-response" style="display:none"></div>
	</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;"><input type="text" name="not provided" tabindex="-1" value=""></div>
    <div style="padding-top:23px;" class="clear"><input type="image" src="not provided" style="background:transparent; border:0px;" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
</div>
</div>
<!-- End mc_embed_signup -->

Do you have any idea how could I fix this?

Thanks in advance