Cara Membuat Widget Email Subcribe Keren Untuk Blog. Baiklah kawan pada kesempatan ini seocips.com akan membagikan widget yang lumayan populer dipasang di blog. Sebelumnya juga seocips telah membagikan widget yang tidak kalah bagus tampilannya, mungkin saja sobat tertarik untuk melihatnya.

Widget Email Subcribe atau widget berlangganan ini biasanya di pakai agar nantinya pengunjung anda yang tertarik dengan artikel-artikel diblog anda dapat berlangganan Artikel anda. Mereka akan menjadi langganan artikel lewat email, di mana jika kita membuat artikel baru artikel tersebut akan dikirim ke alamat email yang mereka gunakan.

Membuat Widget Email Subcribe Keren di Blogger

Cara memasang Widget Subcribe di blog

1. Go To Blogger >> Layout >> Add a Gadget
2. Choose HTML/JavaScript
3. Paste The Following Code in Content Box.
<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=gantiini', '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="gantiini" 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.seocips.com'>Seocips</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>
4. Replace gantiini With Your Feedburner Username.
5. Click Save! 

Selanjutnya jika sobat ingin juga membuat widget ini dengan efek Popup coba lihat widget email subcribe efek Popup atau jika anda meu widget yang lebih sederhana lagi coba lihat widget berlangganan artikel feedburner for blog blogger.

Bagaimana tampilannya? keren bukan?. Ok sekian mengenai Cara Membuat dan memasang widget Berlangganan Artikel di Blog blogger.
5 Komentar untuk "Membuat Widget Email Subcribe Keren di Blogger"

trimakasih atas ilmu dan widgetnya

terima kasih atas bimbingan untuk pembuatan feedburner ini...Nah untuk melihat perkembangan pelanggan di alat bantu tadi di bagian manakah bisa di lihat ?

Untuk memasang widget berlangganan sobat harus mendaftar dulu di Google feedburner, Jika sudah mendaftar si situsnya Google Feedburner, sobat dapat melihat langsung di sana.