Adding mail chimp to blogger pipdig

To add Mailchimp to your Blogger blog using Pipdig, you'll need to follow these steps:

Step 1: Create a Mailchimp account

If you haven't already, create a Mailchimp account by going to mailchimp.com and following the sign-up process.

Step 2: Create a Mailchimp list

Once you have a Mailchimp account, create a new list by going to the "Lists" tab and clicking "Create a list". Fill in the required information, such as the list name and description.

Step 3: Get your Mailchimp API key

To connect your Mailchimp account to your Blogger blog, you'll need to get your API key. To do this:

• Log in to your Mailchimp account and go to the "Account" tab.
• Click on "Extras" and then "API keys".
• Click on "Create a key" and follow the prompts to generate a new API key.
• Copy the API key and save it in a secure location.

Step 4: Install the Mailchimp plugin on your Blogger blog

To install the Mailchimp plugin on your Blogger blog, follow these steps:

• Log in to your Blogger account and go to the "Settings" tab.
• Click on "Other" and then "Add a third-party API key".
• Enter the API key you generated in Step 3 and click "Save".

Step 5: Configure the Mailchimp plugin

Once the plugin is installed, you'll need to configure it to connect to your Mailchimp account. To do this:

• Go to the "Settings" tab on your Blogger blog and click on "Other" again.
• Click on "Mailchimp" and enter your Mailchimp API key.
• Select the Mailchimp list you created in Step 2 and click "Save".

Step 6: Add the Mailchimp widget to your Blogger blog

To add the Mailchimp widget to your Blogger blog, follow these steps:

• Go to the "Layout" tab on your Blogger blog and click on "Add a gadget".
• Select "HTML/JavaScript" and paste the following code into the box:

  <div id="mc_embed_signup">
  <form action="https://your-mailchimp-list-name.us18.list-manage.com/subscribe/post?u=your-mailchimp-api-key&id=your-mailchimp-list-id" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <label for="mce-EMAIL">Email Address:</label>
    <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
    <div style="position: absolute; left: -5000px;">
        <input type="text" name="b_Your_Mailchimp_API_Key_Your_Mailchimp_List_ID" tabindex="-1" value="">
    </div>
    <input type="submit" value="Subscribe" name="subscribe" class="button">
  </form>
  </div>

• Replace "your-mailchimp-list-name", "your-mailchimp-api-key", and "your-mailchimp-list-id" with the actual values for your Mailchimp list.

Step 7: Customize the Mailchimp widget

You can customize the appearance of the Mailchimp widget by adding CSS styles to your Blogger blog. To do this:

• Go to the "Theme" tab on your Blogger blog and click on "Customize".
• Click on "Advanced" and then "Add CSS".
• Paste the following code into the box:

  
  #mc_embed_signup {
    background-color: #f9f9f9;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }

mc_embed_signup input[type="email"] {

width: 50%;
padding: 10px;
border: 1px solid #ccc;

}

mc_embed_signup input[type="submit"] {

background-color: #4CAF50;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;

}

mc_embed_signup input[type="submit"]:hover {

background-color: #3e8e41;

}

This will give your Mailchimp widget a basic design. You can customize it further by adding more CSS styles.

That's it! Your Mailchimp widget should now be installed and configured on your Blogger blog using Pipdig.