Cara Membuat Widget Berlangganan Via Email

Hai sobat blogger gimana kabarnya.? alhamdulilah kalo sobat blogger dalam keadaan sehat, untuk artikel saat ini saya akan memcoba membahas tentang Cara Membuat Widget Berlangganan Via Email. Widget berlangganan artiekl atau subscribe adalah jika orang atau pengunjung web atau blog setia anda ingin mengetahui update-update artikel terbaru anda bisa di kirim melalui email mereka yaitu dengan cara berlangganan melalui kolom widget email subscribe, maka dengan otomatis mereka dapat menikmati artikel terbaru anda langsung di kirim via email.

Cara Membuat Widget Berlangganan Via Email :

1. Buka Akun Blogger anda

2. Pilih Menu Tata Letak.
3. Klik Tambah Gadegt > Pilih HTML/Java Script
4. Lalu masukan kode di bawah ini ke dalam kolom pop up yang muncul.

<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/AVvXsEhoLBA2fiiKc_y7FWJoeh4brMt5KtExBCj5uhURyq4oWSGHEnedysLckQSTVu37Mhn0a8_KjqdRz0Jj0wFcbSP36oCPtvDp3PF4KMJrc7B1wUAyaYGiFYGvHkBfw1yghbFZK1YX8GYmIKk/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/AVvXsEiTCkBXG5FhVrNVrSvcDJ0hrSKQeIt5cXsSbhnbk2sq282DDdCbW5whqh9QyDKPtXb75n5G0EOtdVqq1stEgkgBNuhsz1wCsdlbv1FUP17oXTNvIfKIA2tcehs1UlSPNtxKLzOz01GwQ7Q/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:#09f;border:1px solid #007fff;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:#1ca4ff}
 .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">
    <br/>
<a class="social-icons" href="https://www.facebook.com/pages/Planet-2501/1448866855412845?ref=hl"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDUkvo2jrGzXvL_qlJajMNl-4ipZObgEPqBInnBgHnaV99WlH79xvhfN4NYHfTb4lf__DlAnSxonEyCBDlZ2IgTE0NsNGrtKn8Gz07eTXhbw1PpiCwK3l7R4AdVSEvXoWyDZcExCu5ujfM/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons"href="https://twitter.com/GazibueCyber"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRvSRFq08aDbhWV7GjoXy4QtnuZZfiMZikQns9TQd0wAtKiwExL7f1NceGDifbCAlJI6iRNic5q7sQ_l07KprzRhuuEip1Hg0myxUjAoDKFYpXQX_y9eWunIbmdCJzQ7XKHcloYhwjoljn/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/u/0/106882368694447888352/posts"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSHb9dHo3l_fnZMTDmLamuVtyb5Je-77E78-SHyXmYEwl9R9uMuebpnXeLVHrBKlsh2pPNot1mykk52C3rKtqfmYaj73E5kZtw1hA149jDV5UxnQxezh8nHReZnqsqYpGeap-ZXWGcuZMh/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="https://feedburner.google.com/fb/a/mailverify?uri=Planet2501&amp;loc=en_US"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcc1_pIiKaXg-0Avs7qTZ7XxbiFYddoNbq0uSvdB39seBZV_EPR5wSClwoMrL2xwWFKQT-slx-g0LAHRy8mfqQrIHwPIiRw2371QYVCg8Wr1g0blvRoTymEf_h27QIHdA7SwvszjgcZpQp/s1600/Bloggertrix-Rss.png" /></a>
<p></p>
<div class="sidebar-subscribe-box-form"><form action="https://feedburner.google.com/fb/a/mailverify?uri=Planet2501&amp;loc=en_US" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=Planet2501&amp;loc=en_US', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="Planet2501" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email"/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Berlangganan !" /></form>
</div></div></div>

Keterangan :
1. Tulisan berwarna Biru : Ganti dengan link Facebook atau url Fanpage sobat
2. Tulisan berwarna Merah : Ganti dengan link Twiter sobat
3. Tulisan berwarna Pink : Ganti dengan link Google+ sobat
4. Tulisan berwarna Orange : Ganti dengan link feedburner sobat

Langkah selanjutnya klik save/simpan, jangan lupa ya.. ganti link yang sudah saya tandai dengan warna-warna diatas berikut keterangannya, cukup mudah bukan cara membuat widget feedburner berlangganan artikel via email dan like social, lebih dan kurangnya saya mohon maaf, semoga bermanfaat.