Stylish Follow by Email (Subscription Box) for Blogger

How to Modify or Add Stylish Follow by Email (Subscription Box) on Blogger.

CSS CODES:

/* Stylish CSS Follow by Email */
.FollowByEmail .follow-by-email-inner {position:relative;}
.follow-by-email-inner {background:none repeat scroll 0 0 #363636;padding:15px;}
.follow-by-email-inner:before {color:#eee;content:'Get our latest articles delivered to your email';font-size:12px;font-weight:normal;padding:0 0 0 2px;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{border:0;font-size:13px;height:28px;padding-left:5px;width:100%}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {background:#fd554c;border:0;color:#fff;cursor:pointer;font-size:11px;height:28px;margin:0 3px;width:80px;z-index:0;transition:all .6s}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {background:#df4840;border:0;box-shadow:none;border-radius:0;cursor:pointer}
.tabletd1 {width:100%;}
.tabletd2 {width:64px;}

KODE CSS Follow by Email (Kotak Berlangganan) Clean & Simple

.FollowByEmail .widget-content {padding:0;}
.FollowByEmail .follow-by-email-inner {position:relative;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{color:#222;border:0;font-size:13px;height:35px;line-height:35px;padding-left:10px;width:100%;border-radius:2px 0 0 2px;box-shadow:inset 0 0 0 1px #e5e5e5;transition:all .2s}
.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus {outline:none;color:#111;box-shadow:inset 0 0 0 1px #ccc;}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{background:#222;color:#fff;cursor:pointer;font-family:'Roboto Condensed';font-size:13px;height:34.7px;line-height:35.7px;margin:0 2px;width:64px;z-index:0;border-radius:0 2px 2px 0;border-left:none;transition:all .2s}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {background:#398dcc;color:#fff;}
.tabletd1 {width:100%;}
.tabletd2 {width:64px;}
.FollowByEmail .follow-by-email-inner input {font-family:'Lato',sans-serif;}