Cara Membuat Widget Email Subcribe Di Blog

Cara Membuat Widget Email Subcribe Di Blog - Haloo mina kali ini admin mau membagikan Tips membuat Email Subcribe di blog tentu nya pasti sangat berarti bagi kalian yang belum ada yah, kalian bisa melihat di bawah komentar di blog saya ada Email Subcribe nah bila anda ingin memasang widget seperti itu kalian bisa ikuti cara nya disini :)

1.Masuk ke blog masing-masing.
2.Copy kode nya di bawah ini.

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'/> <div id='byard-emailsubsocial'>               <div class='heading'>                Sign Up in Seconds               </div>                  <p>Sign up with your email address to receive hot updates straight in your inbox.</p>              <div class='emailsub'>               <form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Mas Riyan', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">                <input type='text' name='name' placeholder='Your Name' />                <input type='text' name='email' placeholder='Your Email' />                <input type="hidden" value="Mas Riyan" name="uri"/>                <input type="hidden" name="loc" value="en_US"/>                         <input value="Sign Up Now!" class="button" type="submit" />               </form>              </div> <p id='credits'>Powered By : <a href='http://www.blogriby.blogspot.com'>Blogriby</a></p>              </div>  <style type='text/css'>      #byard-emailsubsocial {       width: 300px;       height: 330px;       border: 1px solid #ddd;         border-radius: 5px 5px 0px 0px;      }      #byard-emailsubsocial .heading { padding: 15px 25px; line-height: 35px; font-size: 26px; font-weight: 600; font-family: open sans; color: rgb(170, 170, 170); text-align: center; text-shadow: 0px 1px rgba(255, 255, 255, 0.75); background: none repeat scroll 0% 0% rgb(247, 247, 247);      }    #byard-emailsubsocial p {     font-family: open sans;     font-size: 13px;     color: rgb(170, 170, 170);     line-height: 25px;     padding: 10px 20px 0 20px;     margin: 0;    }    #byard-emailsubsocial .emailsub {     padding: 0px 20px 10px 20px;    }    #byard-emailsubsocial .emailsub input {     color: rgb(170, 170, 170);     padding: 10px;     margin-top: 10px;     font-size: 15px;     font-family: open sans;     width: 92%;     border: 1px solid #ccc;     border-bottom: 2px solid #ccc;     border-radius: 5px;     transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;    }    #byard-emailsubsocial .emailsub input:focus {     border-color:#F4836A;     outline: none;     box-shadow: 0 0 2px 1px #F4836A;    }    #byard-emailsubsocial .emailsub .button {     background: #F4836A;     color: white!important;     border:none;     outline: none;     border-bottom: 3px solid #B3614E;     transition:background .4s linear;     width: 90%;     margin-right: 5%;     margin-left: 5%;     font-weight: 600;     cursor:pointer;    }    #byard-emailsubsocial .emailsub .button:hover{     background: #DD7761;    } #credits { margin: 0 auto!important; margin-top: -10px!important; width: 160px; }      </style>

3.Klik Tata Letak => Klik Tambahkan Gadget => Klik HTML/JAVASCRIPT.
4.Paste kode nya di situ.
5.Klik simpan/save.
6.Selesai

KETERANGAN:
Tampilan yang saya warnai Merah kalian ganti dengan username feedburner kalian

Selamat mencoba dan berkarya sobat blogger :)