Membuat Widget Kotak Subscribe Keren di Blog

Hallo Sobat Tecno, Kali ini saya akan mempostingkan tentang Cara Memberi Widget Kotak Subscribe Keren di Blog. Sobat T-Blog pasti semua sudah tahu apa itu kotak Subscribe ?? atau kotak yang dibuat untuk berlangganan via feedburner atau lainnya. yang intinya untuk berlangganan di email dengan cara memasukan Email ke kotak Subscribe/Langganan artikel. Kali ini saya akan membahas tentang Bagaimana cara memberi widget Kotak Subscribe Keren di Blog. Sobat bisa juga menaruh di bawah postingan.

Membuat Widget Kotak Subscribe Keren di Blog

~Langkah Pembuatan Widget Kotak Subscribe Via Email :

Klik Rancangan

Klik Tambahkan Widget

Lalu pilih HTML/Javascript

Masukkan kode di bawah ini di dalam HTML/Javascript

---------------------COPAS--CODE------------------------------------------------>

<style type="text/css">.mdbar{width:300px;float:left;background:#FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg74NLXJ8evDSywE2icTLOphpO6_A_ivuRyaIFvO5CNe7VMeVZF9-m98qzlA5TPZMj_4VU40Tcr6ePTbRHjyZ2OZUrIyNeU1S8qHOVroqsOgkvHhltch8avjKp7Z9YZZrxYxtajdRgC7uqd/s1600/%5Bwww.gj37765.blogspot.com%5Dsidebartop.gif) top no-repeat;margin:0 0 10px;padding:10px;border:1px solid #DDD;}.mdbar .md-credit{}.mdbar .md-credit a{float:right;font-size:10px;font-weight:bold;text-shadow:1px 1px white;color:#1E598E;text-decoration:none;}.mdbar h2{background:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS5FA4lofXkhgEtDNzh4ISAd4weujvYG-INx6ziYOKrMdFmhLiWg_9ds_oLctTZw_XTqVYdHnioppInlZDK9DzuS6noTFjWfHTzDBh_M53zG5_-0zeWxTEF81yJBbYVh9AV4PNjB4NNAm6/s1600/%255Bwww.gj37765.blogspot.com%255DSUBSCRIBE.gif) no-repeat;height:50px;margin:0px 0 0px 0;padding:0px 20px 0px 0px;font-size:0px;font-family:Sans-serif, Arial, Helvetica;font-weight:bold;text-transform:uppercase;color:#ffffff;text-shadow:0 1px 0 #fff;}.mdbar .count{color:#F17C18;font-size:14px;font-weight:bold;font-family:Helvetica, Arial;height:40px;line-height:40px;vertical-align:middle;width:310px;padding:0 0px 0 4px;margin:0;}.mdbar .count span.bigcount{color:#F17C18;font-size:24px;font-family:Helvetica, Arial;line-height:39px;vertical-align:middle;margin:0px;padding:10px 0px 0px 0;}.mdbar .subicons{border-bottom:1px solid #e6e6e6;margin:0px 0 0px 0;float:left;width:300px;font-family:Helvetica, Arial;font-size:12px;}.mdbar .subicons a{text-decoration:none;color:#333333;}.mdbar .subicons a:hover{text-decoration:underline;color:#333333;}.mdbar .subicons .rssicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-RWHAtD5ZLBK-hVheTZKOUORTBfLudnp4PunUdiNvELv13EwX9LVjgBskFAQCuyTab9YsM6OhPWiwCU1b1Or6klCH-R4PrT1D2aaT8PkF-7VCOlGoCr5C6EQs3dc3RyapcisXmFKJMsh9/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px 5px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.mdbar .subicons .googleicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-RWHAtD5ZLBK-hVheTZKOUORTBfLudnp4PunUdiNvELv13EwX9LVjgBskFAQCuyTab9YsM6OhPWiwCU1b1Or6klCH-R4PrT1D2aaT8PkF-7VCOlGoCr5C6EQs3dc3RyapcisXmFKJMsh9/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -37px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.mdbar .subicons .fbicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-RWHAtD5ZLBK-hVheTZKOUORTBfLudnp4PunUdiNvELv13EwX9LVjgBskFAQCuyTab9YsM6OhPWiwCU1b1Or6klCH-R4PrT1D2aaT8PkF-7VCOlGoCr5C6EQs3dc3RyapcisXmFKJMsh9/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -79px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.mdbar .subicons .twittericon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-RWHAtD5ZLBK-hVheTZKOUORTBfLudnp4PunUdiNvELv13EwX9LVjgBskFAQCuyTab9YsM6OhPWiwCU1b1Or6klCH-R4PrT1D2aaT8PkF-7VCOlGoCr5C6EQs3dc3RyapcisXmFKJMsh9/s1600/%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat;background-position:0px -121px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.mdbar .emailsub{border-bottom:0px solid #e6e6e6;padding:15px 0 0px 0;float:left;width:100%;font-family:Helvetica, Arial;}.mdbar .emailsub .emailicon{background:url(http://www.fordfarmhouse.com/images/email.png) no-repeat 0 2px;float:left;padding:0px 15px 0px 50px;margin:0 0 0 5px;width:300px;line-height:20px;vertical-align:middle;font-size:14px;color:#333;}.mdbar .emailsub .emailupdatesform{margin:15px 0 5px 5px;width:300px;float:left;}.mdbar .emailsub .emailupdatesform input.emailupdatesinput{background:#fff !important;float:left;border:1px solid #d2d2d2;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:185px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.mdbar .emailsub .emailupdatesform input.joinemailupdates{/*linear-gradient*/background:-webkit-gradient(linear,left top,left bottom,color-stop(#F9EAD4,0),color-stop(#F9780E,1));background:-webkit-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-moz-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-o-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#F9780E));border:1px solid #F9780E;text-transform:none;font:bold 12px arial;color:#fff;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;}</style><div class="mdbar"><h2 class='title'>Subscribe Now!</h2><div class="count"><span class="bigcount"><a rel="nofollow" href="http://feeds.feedburner.com/Cobasanasini"><img style="border:0" alt="" src="http://feeds.feedburner.com/%7Efc/Cobasanasini?bg=F2F2F2&fg=666&anim=1" height="26" width="88" /></a> </span>Learn Free Pro Tricks daily </div><div class="subicons"><div class="rssicon"> <a rel="nofollow" href="http://feeds.feedburner.com/Cobasanasini" target="_blank"> RSS</a></div><div class="googleicon"> <a href="https://plus.google.com/u/0/101521864964136275807" rel="author" target="_blank"> G+</a></div><div class="fbicon">  <a href="https://www.facebook.com/Febri.Strong1" target="_blank" rel="nofollow">FB</a></div><div class="twittericon"> <a href="https://www.twitter.com/Febri_strongest" target="_blank" rel="nofollow">Twitter</a></div></div><div class="emailsub"><div class="emailicon"><p style=" width:270px; color:#3A3A3A; font-size: 13px; font-weight: normal; font-family: Helvetica, Arial; padding:0; margin:0;">Receive Our All Updates In Your Inbox by     submitting your Email ID below.</p></div><div class="emailupdatesform"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Cobasanasini', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email here..." onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" /><input value="_deejayHan_" name="uri" type="hidden" /><input value="Submit" class="joinemailupdates" type="submit" /></form><span class="md-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://ahmadrijal-blog.blogspot.com" target="_blank" >Get This Gadget</a></span></div></div> </div>

-------------------------------Copas--Code-------------------------------------------------->

Lalu Klik Simpan / Save

Note :
- Ganti Tlisan Cobasanasini dengan Akun FeedBurner Sobat Masing masing
- Ganti Tulisan 101521864964136275807 dengan Akun Google Plus Anda
- Ganti Tulisan Febri.Strong1 Dengan Akun Fb Anda - Ganti Tulisan Febri_strongest Dengan Link Akun Tweet Sobat.

~ Maka Hasilnya Begini :