Cara Membuat Widget Submit By Email

Cara Membuat Widget Submit By Email

4 Comments

Saya hanya share email subscribe yang berbeda dari yang lainnya. Masalah bagus atau tidak bagus tergantung pengunjung yang menilainya. Jika tertarik, ikuti langkah berikut. Pertama anda harus mempunyai akun feedburner. Kalau belum silahkan daftar dulu dan kunjungi feedburner.com.
subscribe by email

Log in ke blog anda
Klik Rancangan
Klik Tambah Gadget
Pilih HTML Java/Script
Masukkan kode berikut ke dalamnya
<style>
.blogonol-email{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIjWwj1tnATg3le61JrBeOAUrwYpYBWb1eQwFCeRWOgvZrm0v_irB_GylF-7Xi3ANWDvC-e795bIobuce4SlOSSMCL27SfvIzR_Z-miHeyenTX_DFgZrM3UDwgKCO_EAK8urTSfBGgS0wX/s1600/email.png) no-repeat 0px 12px; width:300px; padding:10px 0 0 55px; float:left; font-size:1.4em; font-weight:bold; margin:0 0 10px 0; color:#686B6C}
.blogonol-emailsubmit{background:#9B9895; cursor:pointer; color:#fff; border:none; padding:3px; text-shadow:0 -1px 1px rgba(0,0,0,0.25); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font:12px sans-serif}
.blogonol-emailsubmit:hover{background:#E98313}
.textarea{padding:2px; margin:6px 2px 6px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;  width:170px; color:#666}
</style>
<div class="blogonol-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogonol', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;masukkan alamat email anda&quot;;}" onfocus="if (this.value == &quot;masukkan alamat email anda&quot;) {this.value = &quot;&quot;;}" value="masukkan alamat email anda" type="text" />
<input type="hidden" value="blogonol" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="blogonol-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Ganti blogonol dengan username feedburner kamu

Klik Simpan dan lihat hasilnya
Selamat mencoba dan sukses selalu



"keep spirits and do the best"
Mau belajar trick dan tips blogging lengkap dan mudah?... BACA DI SINI

About the Author

Blogonol adalah Blog - 0 atau blog kosong dengan konten tutorial blog, seo, widget, template gratis, dan blog info yang dikonsep secara sederhana untuk belajar membangun blog yang lebih baik.