Note: If you are using MailChimp for the first time, follow this tutorial.

Setting up the Newsletter

1. To send your subscribers to your MailChimp site, get the embedded code on your MailChimp account.
2. Copy the part of the code that’s highlighted (find the line that starts with <form action=") as shown below:
   
   
   
   
3. Log into your Blogger dashboard, go to Layout and click “Edit” on the “Newsletter” gadget.
4. Replace YOUR MAILCHIMP CODE with the link you copied.

To add a Contact Form to Your Contact Page:

1. From your Blogger dashboard, go to Pages in the left-hand menu > click on ‘New page’.

2. Type Contact in the title field, then click on the pencil icon and choose <> HTML view.

3. Remove any code that you find there and then copy-paste this code below:

<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" size="30" type="text" value="Name" vinput="" />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" size="30" type="text" value="Email" vinput="" />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div>
</form>
</div>
</div>

4. Publish the page and send a test message, then check your email associated with your Blogger account to see if the Contact Form works well.

Note: If you want to add the Contact page to the menu and find the link, hover over your Contact page and right click on the Eye icon > select “Copy Link Location” (or “Copy Link Address” for Chrome).

These Promotional Boxes are usually located below the Featured Slider or in the footer of your blog. Let’s see how you can create them:

Setting Up the Promo Boxes in Blogger

1. Access your Blogger dashboard and go to ‘Layout’ > click the ‘Edit’ link on the ‘Promo Box’ Image gadget.

2. Use the ‘Title‘ field to add the name of the page or product that you want to promote.

Optional: You can add a short description by using the ‘Caption‘ field.

3. Use the ‘Link‘ field to paste in or type the URL to which you would like the page to redirect.

Note: If you want to add the link to a label page, copy the link below and replace LabelName with the name of your label (since this is case sensitive, you should write it exactly as you added it to your posts, i.e. Travel is not the same as travel):

/search/label/LabelName?max-results=7

4. Check the “Upload image from computer” option and then click the Browse… button to upload a photo.

5. Once you have finished personalizing the promo box, click on the ‘SAVE‘ text in orange to save changes.

1. Go to the Layout section of your blog’s dashboard and Edit the gadget called “About Me” which is usually found in the sidebar (or you can look for the area where it appears in our demo).

2. Add some intro text about you (or your blog) by using the “Caption” field:

Optional: You can use the Link field below to add the URL to any page published on your blog (such as “About me”), or it could be an external site (like your Instagram profile). This will make your image clickable and it will send your visitors to that page.

3. Next, select the “Upload image from computer” option and click the Browse… button to upload your photo.

Note: don’t check the “Shrink to fit” option.

4. When you’ve finished adding all the details, click on the “SAVE” text to apply the changes.

And this is how you can configure the About Me Image gadget in Blogger. You can also check our guide on How to Add Author Profile/Bio Box Below Post.

To add your social media profiles:

1. Access your Blogger dashboard and go to Layout > click Edit on the “Social Profiles” gadget.

2. Click on the ADD A NEW ITEM text.

3. Look for the “Site name” field and type the name of the social media platform (i.e. Facebook), then add the link to your social profile in the “Site URL” field:

4. Click on the “SAVE” text to add your first social profile/icon. Repeat this for each social icon you want to add.

5. You should see a list with all the social profiles that you added. To change their order, click on the small arrows ↑↓ as shown below:

6. To apply your changes, click on the “SAVE” text at the end of this window.

Note: By default, the Featured Slider will display your latest blog posts at the top of your page (usually in homepage). To feature posts only from a certain category, check to have that label already added to the posts you want to show.

Setting Up the Featured Slider

Step 1. Access your Blogger Dashboard and go to Layout > click Edit on the “Featured Slider” gadget.

Step 2. Now, you will see the slider code that you can modify to suit your needs. To display posts from a specific label or category, look for default/? in the slider’s code and then REPLACE IT with default/-/Label? and then replace the Label text with your label.

Please note: The label is case sensitive. “Label” is not the same as “label” or “LABEL”. You need to type it exactly as it appears in your post editor, otherwise the slider will not work.

Step 3. To apply your changes, click on the “SAVE” text.

Important: Our Featured Slider does not work with multiple labels. If you want to display different categories, first add an unique label to the posts you want to feature and then use it in the slider’s code (as explained above).

For more info on how to add labels, you can also check our How to Label Blogger Posts guide.