Snapshots of Boston (and Cambridge)

left: City Hall, designed by I.M. Pei right: Farmers' market on City Hall Plaza (read about Massachusetts Farmers' Markets)

right: Zakim Bridge

Haymarket (read about the outdoor market)

Haymarket

left: South Station (read about the history of this transportation center) right: downtown skyline

State mental health building

Cambridge, MA left: brick sidewalk right: classic triple deckers

Cambridge, MA left: a flatiron building, one of my favorite architectural styles right: brick church near Central Square

Comments

Get the blog in your inbox

Step-4: Now Login to your Mailchimp dashboard and copy and replace the MailChimp URL in the above code. Mailchimp signup form url Step-5: Now Go to the blogger theme editor and paste the below CSS code just above the ]]> tag or tag. form { background: #004369; border-radius: 30px; padding: 50px 20px 50px 20px; margin: 10px 0 10px; font-size: 22px; position: relative; box-shadow: 0 40px 50px -50px #89fcf3; } form input { display: block; width: 100%; border-radius: 12px; border: none; height: 50px; padding: 15px; background: FFFFFF; color: black; transition: 0.5s; } form input:focus { outline: none; box-shadow: 0px 10px 30px -20px #89fcf3; filter: contrast(85%) } form label { color: #CCCDCF; font-weight: bold; display: inline-block; margin-bottom: 15px; font-size: 22px; } form .subscribe { max-width: 300px; height: auto; background: #DB1F48; border: #E5DDC8 2px solid; border-radius: 45px; font-weight: bold; line-height: normal; margin: 0 auto -80px; } form .subscribe:hover { background: #01949A; color: #151515; cursor: pointer; } /* Mailchimp CSS */ form .mc-field-group { margin-bottom: 20px; } form .indicates-required { color: #CCCDCF; font-size: 0.5em; margin: 35px 0; text-align: center; } form input + .mce_inline_error { display: inline-block; font-size: 0.5em; position: relative; } form input + .mce_inline_error:before { content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #6B0505; position: absolute; top: -10px; } Step-6: Now save the code and the Mailchimp email signup form is added to your blogger website. If you face any problem during this process, you can take the help of the below video guide. Note: If you can add the signup form in both sidebar and the footer area, whichever is suitable for you. You can further customize this email subscriber for in Blogger by modifying the CSS code. In the above video, I have explained how you can do that.

Local Ecologist

Search This Blog

Snapshots of Boston (and Cambridge)

Comments

Post a Comment