Kode HTML Kotak Berlangganan Email Keren di Blog

Membuat Follow by Email Keren | Cara Buat Kotak Subscribe Keren Blog | Kalau di Youtube seringkali disebutkan untuk minta di subscribe, di blog juga ada tombol subscribe. Biasa disebut juga dengan Follow by Email. Bagaimana cara membuat follow by email yang keren?

Apakah penting membuat kotak subscribe email di blog? Menurut Madya itu hal yang cukup penting. Karena dengan membuat kotak subscribe berarti blog kita terkesan atau terlihat profesional karena menyediakan layanan untuk berlangganan artikel terbaru.

[Baca juga : Ubah Posisi Scroll Button di Blog]

Bagaimana kalau sudah buat tetapi tidak ada yang subscribe? Kan terlihat menyedihkan? Ya, memang tidak bisa instan. Semua butuh proses. Kalau terlihat malu, coba buat email dan subscribe blog Anda sendiri. Setidaknya minimal satu email sebagai pancingan.


Nah, bagaimana cara membuat kotak subscribe yang keren di blog? Definisi keren berbeda-beda. Di sini, Madya akan berbagi kode HTML tentang follow by email yang Madya terapkan di salah satu blog Madya punya. Tampilan nya seperti di bawah ini :

Follow Email Keren By Madya

Menarik, bukan?! Anda bisa melihat tampilan kotak langganan artikel yang terlihat tidak ramai tulisan, ditambahi background orang membaca dan juga ada jumlah pembaca nya. Baiklah, tanpa berlama-lama, silahkan salin kode di bawah ini "

<style type='text/css'> .form {border:1px solid #ccc;width:100%;height:auto;} .rss {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf-XgPynxet6Ue9abCORkVMLHITkP5khMT9_A2uapDu-_ibwIn-1D_gRs6l27bOj29DKHSCNoRJzDfd1AsMKfiocc9SVWA_2vnGTEWv07cAzftNJY_NVpXOPkuK2mEXSPQ27BSue6CiN4/s1600/subscribe+email+box.png") no-repeat top right;} </style> <div class='form'> <div class='rss'> <div style='font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;'> <img alt='small rss NAMABLOG' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFix35BQxHzCUJfaRbVdNSyruEZWCu5ODnV-jeQs0L-EQRcZasGlpgHtMg8p2wo9A1horQHpc89tBebldRZPaP6McOV30FruM18Hk8T5nLzIOTZy9JwxlA_DFoRqSQsAxJd_8e3QfP3bAI/s1600/small+rss.png' title='RSS Feed'/> <a href='http://feeds.feedburner.com/NAMABLOG' rel='nofollow' target='_blank'>LANGGANAN ARTIKEL</a></div> <div style='font-weight:bold; padding:10px 10px;'> GET UPDATE VIA EMAIL</div> <div style='padding-left:10px;font-weight:bold;'> Berlangganan artikel baru via email!</div> <form action="https://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=NAMABLOG', 'popupwindow', 'scrollbars=yes,width=550,height=520EE');return true" style="margin: 0pt;" target="popupwindow"> <div style='padding-left:10px; padding-top:10px'> <input name="uri" type="hidden" value="NAMABLOG" /> <input name="loc" type="hidden" value="en_US" /> <input class="tbimailbox" name="email" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Ketik email Anda...") {this.value = ""}" style='width:200px; height:18px' type="text" value="Ketik email Anda..." /> <input alt="" class="btrixsubmit" title="" type="submit" value="Subscribe" /> </div> </form> <div style='padding-left:10px'> <p> <a href='http://feeds.feedburner.com/NAMABLOG' rel='nofollow'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/NAMABLOG?bg=FF9900&fg=000000&anim=1' style='border:0' width='88'/></a></p> </div> <p align="right"> <a href="https://ceritamadya.blogspot.com/2019/08/kode-html-kotak-berlangganan-email.html" target="_blank"><span style="font-size: xx-small;">Get This Widget</span></a></p> </div> </div>

Cara edit agar bisa dipakai adalah dengan merubah kata-kata "NAMABLOG" dengan ID FeedBurner Anda. Jika sudah dirubah, maka secara otomatis akan berubah menjadi subscribe blog Anda dan akan bekerja sebagaimana mestinya.

Jika Anda ingin merubah settingan FeedBurner nya maka silahkan buka situs FeedBurner nya. Jika ingin merubah kata-kata atau font nya, maka Anda bisa merubahnya dengan mudah. Hanya tinggal merubah kata-katanya saja.