Creating a MailChimp account

1. Go to mailchimp.com and click on the “Sign Up Free” button located on the top right corner.
2. Type your Email, pick a Username and choose a Password.
3. Verify the email you provided and click “Activate Account“. This will open another MailChimp page > click on the “I’m Not a Robot” button.
4. Set up your account – select your plan and click “Next” > on the next page, enter your name and site name. You will also need to add an address – this will be listed below each email you send as the anti-spam protection.
5. If you previously used another mailing service, you can import your contacts. If not, select “No“. Click “Continue“.
6. Finally, when the account is all set up, you can generate your widget.

Generate a MailChimp widget

1. Go to your MailChimp dashboard > click on the “Create” icon located on the left side.
   
   
   
2. Click on “Signup Form” and select “Embedded form” from the list > click “Begin” on the next screen.
   
   
   
3. On the Settings page, click on the “Continue” button.
   
   
   
4. Scroll down the code area and locate the line that starts with <form action="
   
   
   
5. Now follow the tutorial on How to Set up your Subscription box.

Enabling Responsive Design on Blogger

1. Go to Theme and click on the arrow next to Customize > choose Mobile Settings.

2. When the Theme > Choose Mobile Theme window shows, check Desktop and click Save.

This will make your Blogger theme responsive on all your mobile devices, including tablets and desktop computers.

1. Log into your Blogger Dashboard and go to Layout.

2. Click on the widget or gadget you’d like to move, then drag and drop it on the desired location.

Note: some gadgets like Pages or the Blog Posts section may be locked in order to prevent display problems.

3. Once the widgets or page elements have been moved into the desired area, click on the Save button located on the bottom right side of the page.

Update Your Site Feed Settings

1. To set your Site Feed to Full, go to Settings and look for the “Site feed” section > click on the Allow blog feed text.

2. A popup window with additional settings will open > select Full and click Save.

Step 1. Access your Blogger dashboard and visit the Posts menu.

Step 2. Locate and click on the Post you want to edit.

Step 3. Click on the picture you want to edit, then click the Image icon as shown below:

Step 4. Select Original from the list.

Step 5. Click on the Update button located on the top right of your post editor.

The image should now fill the full width of your post container.

How to Create a Static Page

Step 1. To add a static pages such as “About Me” or “Contact”, access your Blogger dashboard > go to Pages.

Step 2. Click on +NEW PAGE button located on the top left corner of the screen.

Step 3. Add a title and then publish your page. You can add your content here later.

Note: If you want to disable comments on the page, click on “Options” on the right of your page editor and check the “Do not allow, hide existing” setting.

How to Create a Label Page

A label page is a page where only posts from a specific category will appear. Example: a list of posts from the Travel category will appear when clicking on the Travel label. To apply a specific label to your post:

Step 1. Edit one of your blog posts > click Labels on the right.

Step 2. Type the label in the field, then click the “Publish” or “Update” button in orange on the top right corner.

Now that our Pages or Label pages have been created, we can proceed further with setting up our Blogger menu.

Setting up your Blogger Menu

1. Go to Layout > click Edit on the “Pages” widget from the MENU section.

2. To add a Static Page as a single tab, select it from the list on the left:

3. Or if you want to add a Label Page as a single tab, click on “+Add external link”:

4. Fill out the fields as follows:

• Page Title – type the text that you want to appear in the menu
• Web address (URL) – add the following link structure in the field: /search/label/LabelName?max-results=7

Important: Replace LabelName with the label that you added in the post editor. Keep in mind that the label is case sensitive, so if you added it with lowercase letters (e.g. travel) and the label in the web address field is written differently (Travel or TRAVEL), Blogger will ignore it and no posts will appear on this label page.

5. After filling out the fields, click on the “Save link” button in orange.

Creating a Submenu or a Drop-Down Menu

1. Go to Layout > click Edit on the “Pages” widget from the MENU section.

2. Click on “+Add external link” and fill out the fields as explained below:

• Page Title – add the text of the tab and include an underscore _ in front of it (example: _Travel).
• Web address (URL) – Add the link (it can be the link to a static page, label page, or to any external website).

3. When you’re done, click on the “Save link” button.

Important: the underscore symbol should be used only when you want to create a drop-down menu. Don’t use it for the tabs that are visible on the menu.

Note: If you want to add subpages to subpages, include two underscores instead of one (example: __Travel).

4. The pages added should appear on the right side (or below if the text contains more characters). To display the subpage under a specific tab (eg. Categories), click on the text with the _ symbol, then drag and drop it under the page you want to appear.

Live example:

5. When you have added all the pages, click the “Save” button at the end of the window and you’re done setting up your Blogger menu.

Step 2. When the popup window appears, upload your header/logo using the Browse button.

Step 3. Select “Instead of title and description” from the placement options. Do NOT check the “Shrink to fit” option.

Note: If you want to add a description under your blog title, type it in the Blog Description box and choose “Have description placed after the image” from the placement options.

Step 2. Extract the downloaded .zip file and you should see theme.xml (which is the actual theme file that needs to be uploaded) and the Documentation folder.

Step 3. Log into your Blogger dashboard and go to Theme > click on the arrow next to Customize > Restore > Upload > select the theme.xml file.

Enable Responsive Design

On the same Theme page, click on the arrow next to Customize > select Mobile Settings > check “Desktop” and click Save.