Cara Membuat Widget Subscribe Keren
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('http://feedburner.google.com/fb/a/mailverify?uri=aak-shareblogspotcom', 'popupwindow', 'scrollbars=yes,width=550,height=520');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>
#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('http://feedburner.google.com/fb/a/mailverify?uri=aak-shareblogspotcom', 'popupwindow', 'scrollbars=yes,width=550,height=520');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!
0 Response to "Cara Membuat Widget Subscribe Keren "
Post a Comment