Newsletter - Mailchimp

  1. Go to Layout on the Blogger dashboard vertical menu
  2. Locate the Mailchimp Newsletter widget
  3. Follow the instructions below and replace the code with your own


The Mailchimp Form Code

The Mailchimp form is customized, so you should keep the same code but replacing the part that identifies your personal account. This is the Mailchimp form code:
<!-- Begin Mailchimp Signup Form -->
<div id="mc_embed_signup">
<form action="https://gabrielamelo.us18.list-manage.com/subscribe/post?u=1de85028e44ea0ecb5d876ecc&amp;id=1dafdebfab" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<input type="text" value="" placeholder="Name" name="FNAME" class="" id="mce-FNAME" />
</div>
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" placeholder="Email" class="required email" id="mce-EMAIL" />
</div>
<div class="mc-field-group">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" />
</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_649ee49ee4d58fa2fa58c3803_91f6e2295f" tabindex="-1" value="" /></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>  
</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[1]='FNAME';ftypes[1]='text';fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
  1. Locate <form action=" on the code you get on your Mailchimp account.
  2. Copy the link similar to the purple highlight.
  3. Replace it on the code above.
  4. Save your gadget.



Changing the newsletter background image (if applicable)

The image used on this gadget is free for commercial and personal use. It means that you can keep it if you like it. To change the image, follow these steps:
  1. Open the Background Image gadget.
  2. Replace the image with your own. Size recommendation:1900px wide or bigger.
  3. Save.

Contact Form