Mailchimp Embed Code Not Working

Hi there,
I’m using Independent Publisher Theme.
I am inserting the following code, but after I ‘Update’, the code changes and I lose my Subscription form.
Everything that is bold, disappears.

<!-- Begin MailChimp Signup Form -->
<strong><link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;  width:450px;}
</style></strong>

and this code below, changes to what I have pasted at the end of this post in <strong>bold</strong>
<div id="mc_embed_signup">
<strong><form action="//mylifemyafrica.us7.list-manage.com/subscribe/post?u=6c08c5bd88858ce2624513f35&id=0eccc7bb68" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate></strong>
    <div id="mc_embed_signup_scroll">
	<h2>Subscribe to our mailing list</h2>
<div class="mc-field-group">
	<label for="mce-EMAIL">Email Address </label>
	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group">
	<label for="mce-FNAME">First Name </label>
	<input type="text" value="" name="FNAME" class="" id="mce-FNAME">
</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;" aria-hidden="true"><input type="text" name="b_6c08c5bd88858ce2624513f35_0eccc7bb68" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup--><strong>

<div id="mc_embed_signup">
<div id="mc_embed_signup_scroll">
<h2>Subscribe to our mailing list</h2>
<div class="mc-field-group">Email Address
</div>
<div class="mc-field-group">First Name
</div>
<div id="mce-responses" class="clear"></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;"></div>
<div class="clear"></div>
</div>
</div>
<a href="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js">//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js</a>//
<!--End mc_embed_signup--></strong>

I’m confused.
Please help.
Thank you