Overview
This is a tutorial for embedding inline opt-in forms from Mailchimp, Mailerlite, Flodesk, and Converkit into Blogger Blogspot.
Video Overview
The codes you need are below the video.
Convertkit centering code – add this under your form code.
<style>
form.seva-form.formkit-form {margin: auto;}
</style>
Mailerlite centering code – add this under your form code.
<style>
.ml-subscribe-form .subscribe-form
{margin: auto !important;
}
</style>
Pop-up Opt-ins
Adding a Click Popup
Sample code for adding the class:
<a class="blogger-button" data-formkit-toggle="577d95310b" href="https://colossal-innovator-3199.ck.page/577d95310b">HERE THE LINK!!!</a>
NOTE: the part you are adding is:
class="blogger-button"
Sample CSS to add:
<style>
.blogger-button {
padding-right: 25px;
padding-left: 25px;
padding-top: 15px;
padding-bottom: 15px;
color: red;
background: yellow;
border: 2px solid #459048;
border-radius: 3px;
}
</style>