hauss11Hi all,
I am trying to get my mail chimp newsletter account onto my blog and to fit into the graphic opt-in box but am unsure as to how to input the code so i dont have 2 separate sign up boxes
Here is the code for the optin on my website:
<div class="fatlossoptin">
<div class="fatlossoptincontent">
<!-- Customize the form below so it works with your email service provider. Make sure you keep the classes for the inputs and submit button -->
<form method='POST' name='NAMEHERE' action='ACTIONHERE'>
<table width="240" border="0" cellspacing="0" cellpadding="5" align="center">
<tr>
<td width="71">Name:</td>
<td width="169">
<input type="text" name="textfield" id="NAMEIDHERE" class="text" />
</td>
</tr>
<tr>
<td>Email:</td>
<td><input type="text" name="textfield2" id="EMAILIDHERE" class="text" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" class="button" value=""/></td>
</tr>
</table>
</form>
</div>
</div>
and here is the mailchimp code for my newsletter list:
<!-- Begin MailChimp Signup Form -->
<!--[if IE]>
<style type="text/css" media="screen">
#mc_embed_signup fieldset {position: relative;}
#mc_embed_signup legend {position: absolute; top: -1em; left: .2em;}
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css" media="screen">
.mc-field-group {overflow:visible;}
</style>
<![endif]--><script type="text/javascript" src="http://thebootcampeffect.us1.list-manage.com/js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="http://thebootcampeffect.us1.list-manage.com/js/jquery.validate.js"></script>
<script type="text/javascript" src="http://thebootcampeffect.us1.list-manage.com/js/jquery.form.js"></script>
<script type="text/javascript" src="http://thebootcampeffect.us1.list-manage.com/subscribe/xs-js?u=b21c9b99a9a0de74a21fded14&id=91ee2068cb"> </script>
<div id="mc_embed_signup">
<form action="http://thebootcampeffect.us1.list-manage.com/subscribe/post?u=b21c9b99a9a0de74a21fded14&id=91ee2068cb " method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" style="font: normal 100% Arial;font-size: 12px;">
<fieldset style="-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #000000;padding-top: 1.5em;margin: .5em 0;background-color: #FFFFFF;color: #333333;">
<div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
<label for="mce-NAME" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Name </label>
<input type="text" value="" name="NAME" class="required" id="mce-NAME" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;">
</div>
<div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
<label for="mce-EMAIL" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Email Address </label>
<input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;">
</div>
<div id="mce-responses" style="float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both;">
<div class="response" id="mce-error-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #FFEEEE;color: #FF0000;"></div>
<div class="response" id="mce-success-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #;color: #529214;"></div>
</div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn" style="clear: both;width: auto;display: block;margin: 1em 0 1em 5%;"></div>
</fieldset>
Close
</form>
</div>
<!--End mc_embed_signup-->
Any help would be greatly appreciated!
