Cara Membuat Widget Subscribe Keren

Cara Membuat Widget Berlangganan Email Subscribe Blogger - Sebelumnya saya telah menuliskan cara membuat artikel berlangganan feedburner, pada keali ini saya akan menuliskan cara membuat widget Beralangganan Email Subscribe Blogger. Widget berlangganan Email Subscribe ini tidaklah lepas dari peran feedburner, karena untuk memaksimalkan sektor email marketing ini memerlukan ID dari freedburner. jika anda belum mendaftarkannya ke freedburner bisa membacanya disini

Subscribe atau Berlangganan Email adalah sebuah layanan yang berfungsi untuk mengirimkan update artikel secara otomatis langsung ke email pengunjung. Bagi pengunjung yang sudah mendaftar dapat mengkonfirmasi langgananya melalui via email, mereka akan langsung mendapatkan update yang terkirim secara otomatis ketika ada artikel terbaru, kelebihannya-pun tidak ada batas kuota untuk berlangganan,dan tentunya free.

Widget Berlangganan Email Subscribe dapat meningkatkan trafik pada blog, karena memberikan informasi kepada pengunjung sudah ada artikel terbaru. Apabila anda tertarik Cara Membuat Widget Berlangganan Email Subscribe Blogger,berikut ini langkah-langkahnya :

Cara Membuat Widget Berlangganan Email Subscribe Blogger
1. Anda login keakun Blogger
2. klik Layout/Tata letak
3. Klik add Gadget
4. Anda Pilih HTML/Javascript
5. Anda copy kode berikut :

<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/AVvXsEh2U9tGvF_WRipJMUnwpg5sZ6Nspel-qFMz7CGX8KksMG7Hq9bxn_qUSUDYPrVqgzX42_l6m4j_YJXGR10pnr4oUnWiPl1nLEuGh9JGRaNe8Imcm7ePERh59GEfcDpcKTMs50sd3DLnCFs/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 60px;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/AVvXsEhbuEN-o7TEb-jAPmNFDIaKKNGh7-Oxldcsq9T2yrm0F8c6TpUFpsAKe4ECapVRtJZJ1xsuPOFfGByYqWdioY4esOHH8ayi7ECGOiTvJmOWh15DgI2br811EusDlko_Bf3jEdXR3QcGi1g/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="URL Facebook"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhasGwFBv3OOU5FWm5Snnrc7m3cV788wPGXfKgi3H3ELiK8P8Ab9zORcxhFnM9S9pG3_TysAcnQiPUG3de2E42LetuwRQJSKmBIwmXmDccqkc75EQ8d5PNUw34JcEJuaXsYw3gn4rdChII/s1600/berbagi+nitu+indah_.png" /></a>
<a class="social-icons" href="URL Twitter"><img
 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6WAlyTrtD9NlqPs-QT-IphAqErqu0GB-SC5geZx9h8lXrIGZZYS-q3-_rcid__lXlOsPMuQGA7TGQeeC0JTUaP0ZbFldXMytQuyeyykMg7uhjjUy-AXByg3Ri3Aelu3OFlDRPeOmTzuo/s1600/berbagi+itu+indah_twitter.png" /></a>
<a class="social-icons" href="URL Google+"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU64hEY4Fv0zS1FsiFyQyvPnxjA77JWwP23sUn3eVboECfOKFQEhNCyN-8LDxcZYD_ZT8Gg71RCXoivrLBRPVudvyF415-LCCAVd3txAGgb2qf9iI07rTAKalmli8GSP25D77PGJWbSIs/s1600/berbagi+itu+indah_Goggle+.png" /></a>
<a class="social-icons" href="URL Feedburner"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUmpseKgCoze5FMU8vlIGkm60sJo5lXrR346CxI5w69JxTz71xovS5HckqcJKJBTidjtMg0lQjdnkXH84wuybFS4jGkHrKFxA2YRMKZ24wCsCDFmoK7QORwQGoTkJyvkyztnlAnOoXCug/s1600/berbagi+itu+indah+_RSS.png" /></a>
<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' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=aak-shareblogspotcom&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input name='uri' type='hidden' value='aak-shareblogspotcom'/>
<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>
</div></div></div>

Keterangan : Ganti kode warna biru dengan URL Facebook fanspage anda Ganti kode warna Ungu dengan URL Twitter anda Ganti kode warna merah dengan URL Google+ anda Ganti kode warna orange dengan URL Feedburner anda Ganti kode warna hijau dengan ID feedburner anda

Demikian Informasi Cara Membuat Widget Berlangganan Email Subscribe Blogger , semoga bermanfaat!

Share this post