Cara Membuat Widget Subscribe by Email Di Blog - Widget ini berguna bagi para pengunjung blog Anda yang ingin berlangganan atau mengetahui setiap artikel terbaru dari blog Anda melalui email mereka. Dengan banyaknya orang yang berlangganan artikel dari blog Anda, maka hal ini dapat meningkatkan trafik kunjungan ke blog Anda. Banyak blogger yang memasang widget subscribe by email di blog mereka dengan harapan para pengunjung akan menjadi pelanggan artikel blog, sehingga blog mereka lebih sering dikunjungi. Ada banyak model dari widget ini yang bisa dipasang di blog Anda, salah satunya seperti gambar dibawah ini.
Untuk membuat widget subscribe via email dan memasangnya di blog sangat mudah dilakukan. Selain menggunakan widget "Ikuti Lewat Email" yang telah disediakan oleh pihak blogger, Anda juga dapat dengan mudah membuat sendiri widget tersebut. Untuk membuatnya, silahkan ikuti langkah-langkah berikut ini :
1. Silahkan masuk ke bagian Tata Letak blog Anda.
2. Klik "Tambahkan Gadget".
3. Pilih "HTML/JavaScript".
4. Copy script di bawah ini, dan paste didalam kolom konten widget.
<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUSxh66OKnJZssYvQF0dy4Zt07FBMxBl_G49uyybqW_4gUwfh2vkFz6gXpOZPgtGYZhkaaJ1NPtcJ2Q47GrxO3FYxKgu5f3ovzRshD2HLQVw0gQ5Y2D69WCyWWLujSNoZyQIs4lPFhZno/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMjOdxGjETxgk0YxI-sftLLr6Qd0jJcrVENZn5KT5S1aSl4bpc6NKb80sO7HDxlPdU_nfALLw8RTafctuXEUBmexlvOOZjR3O11_ZdoLPeeRYNUEmiYZMqThmGl6Nwda2UQyR1aYZBI2E/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
.sidebar-subscribe-box-email-button{background:#076BB8;border:1px solid #ffffff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#333333}
.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
#footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>
<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
<p>Subscribe To Our Email Newsletter & Receive Updates Free</p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=ID Feedburner" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ID Feedburner', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="ID Feedburner" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address here"/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form>
<br/>
<a class="social-icons" href="https://facebook.com/pages/.........."><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjapFfonLNrho5FthmKKYysB8S-UmxjWX1IkF1TfIXetxUTkC1H3gLqZKP5GR2RR2XFwlaJnGI2MV3F3AxHeOmkkVCB3J87Zi5ZR60QlIyzpxsvrjEbLSjPBEq5a074CjhvwurKJ3w3vpM/s1600/facebook.png' title='Facebook'/></a>
<a class="social-icons" href="https://twitter.com/........."><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj08dzhLnF7kwXWiaYEXRqORJHB8QdWXkcd2NFbvQUcKoEoX1liM_TUG-Jqxnkx3CpvNlyGXVI7qb2Hq_lKEBkn9H2OOABQxX3txdHup8U25FE-OQ3pX898yjezKcdwfn1qB_qQXG8swU/s1600/twitter.png' title='Twitter'/></a>
<a class="social-icons" href="https://plus.google.com/u/0/............"><img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-w73sqnYaRtJIZbzENbh2GxT6zER1MHh1W_4NwxMTCj3rnoz80DvVbl-WHbQHJ6crytWX1vn3iJQ31O0TjdFcLeYoIWzd40y0im7lSv7AExeNfR5_e42ofLu7PN4cmZpd1bgqh8MamZY/s1600/gplus.png' title='Google Plus'/></a>
<a class="social-icons" href="http://feeds.feedburner.com/......."><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjiqkEHqz2zl9q3t6Q8Ps3BwlXy160rzNkvDKjxTGz7qf3kl9heLbmDzbH4mybpgIThXR3r0rto3live6Xt7xH-bF-0KofzcbQUIwu3j6w9p0XSEPW3XA11-1ds5UVEXvcuxhv59_npec/s1600/rss.png' title='RSS Feed'/></a>
</div></div></div>
Ganti tulisan yang berwarna Hijau "Subcribe To Our Email......" sesuai keinginan Anda.
Ganti tulisan yang berwarna Merah dengan ID Feedburner Anda.
Ganti tulisan yang berwarna Biru dari masing-masing yang ada dengan url milik Anda.
5. Simpan, dan lihat hasilnya.
Itulah Cara Membuat Widget Subscribe by Email Di Blog yang bisa Anda lakukan. Masih banyak lagi model widget email subscribe yang bisa Anda dapatkan di berbagai website yang membahas tentang blogging, silahkan tentukan pilihan Anda. Semoga artikel ini bermanfaaat.
