Cara Mudah Membuat Kotak Berlangganan Artikel Keren di Blog

Cara Mudah Membuat Kotak Berlangganan Artikel Keren di Blog Saya yakin setiap blog pasti sudah ada kotak berlangganan artikel, tapi jika sobat pengen kotak berlangganannya tampil lebih keren lagi,,seperti punya saia ini : 

Caranya sangat Gampang..!!!
Nieh ane kasih tau caranya :

• Pilih ->Tata letak->Tambahkan gadget -> HTML/Javascript

<style>    #bssubscription {width:120px;Height:180px;margin:0px;padding:10px;background: #000000;    background: -moz-linear-gradient(top, #000000, #A10048);background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#A10048));height: auto!important;color: white !important;padding: 20px 15px !important;    text-align: center !important;font-family: Georgia, Times, "Trebuchet MS", serif !important;margin: 10px;margin: 0px;padding: 10px;    margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}    #bssubscription p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;    padding: 5px;border: none;}    #bssubscription input.name {    background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVzUhqtUny3Eve5yCySkOKhiQPzS89MnVM0pAtlWjpJihujGVAGeDsWF2aHZST7N96CvRiKKXTDvEVcjgRzPqZgr8Rj9gpOWNxcIjM76gvMyaySNqDwmh3UbLgBDIhpA4_parfF_WR-lh4/s320/bssubscribe-name.png) no-repeat center right;}    #bssubscription input[type="text"] {border: 1px solid #111 !important;    font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}    #bssubscription input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHkKbpFNPzxWfATFHFuWMVZTUn7tnyJvAIpoYsw9zS3PyOoCc-qJleIuNNvYrcmPayxyUpfCnHI4hPI8vcy7spT1RR6s0ElAOaF7NlHjE5fu41L78rRgT0vuCzJKlEmjlaOpkkTFGY6qIM/s320/bssubscribe-email.png) no-repeat center right;}    #bssubscription input {    font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}    #bssubscription h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;    font-weight: bold !important;line-height:26px !important;letter-spacing: normal;    text-transform: none;text-decoration: none;    text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;    border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {    background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;    color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {    color: #333;font-family: 'Droid Sans', sans-serif;}    #bssubscription input[type="submit"] {background: #960E17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibmTI7ALVc0fHJOSZf1PNTV3SJGRfKlWLs0L2zbkMlL66wfhyphenhyphenI5ysaQgYpPZe66QWqKgWqWXzqE97XJUUKEq5kXr3DMWfqrhfzO6UEpQmiIEU1m2nrHMK4kIH8aojICeD7-_2FS2zcbkFo/s320/BS-Subscription.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;    padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}    #bssubscription input[type="submit"]:hover {color: #FFA5A5;}</style>    <center>    <div align="center" id="bssubscription-wrapper">    <div id="bssubscription" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 250px;">    <h3 id="Wid-title-text" style="color: white; font-size: 16px;">    DAPATKAN UPDATE ARTIKEL GRATIS..</h3><div id="BloggerSpice-txt" style="color: white; font-size: 12px;">    Gabung bersama kami untuk mendapatkan artikel lewat email anda.</div><br />    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/uHcPQ', 'popupwindow', 'scrollbars=yes,width=530,height=500');return true" target="popupwindow">    <input class="name" id="BloggerSpice-name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Masukan nama Anda" /><br />    <input class="email" id="BloggerSpice-email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 120px;" type="text" value="Masukan alamat email" /><br />    <div class="separator" style="clear: both; text-align: center;">    </div><input name="uri" type="hidden" value="BloggerSpice" /><input name="loc" type="hidden" value="en_US" /> <input id="BloggerSpice-Text" style="height: auto; padding: 5px 0;" type="submit" vjavascript:void(0)alue="Dapatkan Akses Hari ini!" /></form></div></div></center>

Note : Ganti kode warna Merah dengan ID Feedburner sobat, jika belum tahu ID Feedburnernya'a , lihat di Cara Mudah Mengetahui ID Feedburner di Blog

• Simpan Kode dibawah ini dan lihat hasilnya !

Semoga Bermanfaat...!!

BAGIKAN ARTIKEL : Facebook Twitter Google+ Linkedin