Shanghai Journal, Days 1

Shanghai Journal, Days 1 - 4

Thanks to guest blogger Renee Toll-DuBois of Earth Our Only Home, local ecologist is pleased to offer several essays about Shanghai, the Shanghai World Green Roof Conference, and the 2010 Shanghai World Expo.

Courtesy of Renee Toll-DuBois

Posts can be read here (World Expo, again, Day 4) here (World Green Roof Conference, Day 3), here (2010 Shanghai World Expo, Day 2), and here (Shanghai Journal, Day 1). Stay tuned for Day 5 (Tour of Green Roofs) and Day 6 (Shanghai Sightseeing). Please comment!

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

Shanghai Journal, Days 1 - 4

Comments

Post a Comment