Skip to main content
Website Mini

follow us

Membuat Widget Berlangganan Via Email Ala VioMagz - Sebelumnya Saya sudah membagikan template VioMagz AMP Blogger Template, kali ini Saya akan coba posting Membuat Widget Berlangganan Via Email Ala VioMagz. Widget Berlangganan via email adalah untuk pengunjung yang ingin mendapatkan update artikel dari blog Anda melalui emil yang di gunakan untuk berlangganan.

Jadi, widget berlangganan via emil ini cukup penting kita terapkan pada blog kita, barangkali ada pengunjung blog kita yang ingin mendapatkan pemberitahuan via email secara gratis.

Nah, bagi Anda yang ingin Membuat Widget Berlangganan Via Email Ala VioMagz, bisa ikuti langkah-langkahnya di bawah ini.

1. Pertama masuk akun blogger > pilih menu Tema > klik Edit HTML.
2. Kemudian Coppy CSS di bawah ini dan simpan diatas kode </style>


/* SUBSCRIBER BOX */
.berlangganan-box input.submit-email[type="submit"], .berlangganan-box input.email-address[type="text"] {
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}
.berlangganan-box {
background: #5b86e5;
background: linear-gradient(to right, #5b86e5, #36d1dc);
color: #ffffff;
padding: 15px;
margin: 20px 0;
border-radius: 3px;
text-align: center;
}
.berlangganan-box p {
margin:15px 0;
}
.berlangganan-box input.email-address[type="text"] {
width: 60%;
padding: 10px;
text-align: center;
border-radius: 2px;
border: none;
outline: none;
}
.berlangganan-box input.submit-email[type="submit"] {
background: #fff;
padding: 10px 15px;
border-radius: 2px;
color: #777777;
border: none;
outline: none;
}
.berlangganan-box input.submit-email[type="submit"]:hover {
background: #777777;
color: #fff;
cursor: pointer;
}
.berlangganan-box input.email-address[type="text"]:focus {
background: #fffcd2;
}

3. Kemudian simpan kode HTML dibawah ini tepat diatas kode </article>


<b:if cond="data:blog.pageType == &quot;item&quot;">
<div class="berlangganan-box">
<form expr:action='&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath' method='get' target='_blank'>
Berlangganan update artikel terbaru via email:<br />
<br/>
<input class="email-address" name="email" placeholder="Masukan alamat email..." type="text" /><br />
<input name="uri" type="hidden" value="WebsiteMini" />
<input name="loc" type="hidden" value="en_US" />
<br />
<input class="submit-email" type="submit" value="Submit" /></form>
</div>
<br />
<div class="clear"/>
</b:if>

4. Jangan lupa ganti ID WebsiteMini dengan ID feedburner Anda, kemudian klik Simpan Tema.

Nah, itulah artikel kali ini yang bisa saya bagikan tentang Membuat Widget Berlangganan Via Email Ala VioMagz. jangan lupa baca artikel terkait vioMagz tentang Menampilkan Hanya Judul Postingan Pada Homepage Template VioMagz. Semoga bermanfaat.

You Might Also Like:

Buka Komentar