Cara Menambahkan Kotak Langganan E-mail Cantik di Blog

Cara Menambahkan Kotak Langganan E-mail Cantik di Blog

Berbagi itu indah begitulah kata pepatah, nah disini saya akan berbagi tentang Cara Menambahkan Kotak Langganan E-mail Cantik di Blog, kebanyakan blogger sering menambahkan gadgeti ini diblognya masing-masing supa ketika ada pengunnjung dan ingin mengetahui update-an artikel dari blog yang dikunjunginya mereka sering meninggalkan emailnya dikotak langganan artikel dsb.

Bagi kalian yang ingin menambahkan kotak langganan tersebut silahkan ikuti langkah-langkahnya dibawah ini:

1. Masuk ke akun Blog anda
2. Pilih Laman Tata-Letak
3. Tambahkan gadget dengan klick add a Gadget/tambahkan Gadget
4. Pilih gadget Html/Javascript
5. Copy kode dibawah ini dan tempelkan di gadget tersebut :

<style>    .knetwork-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2aSUCJS73Y4dZa3jO4qYyKC_9NCOBg-NqoYJNdrvFw323WNTxJbwXUTVkaR94bZeUJ7e7tYStASXYLRcLYlrW1-ZSmQEC4XA2Ga_9zNWKHAgeBwpPa7OvDV6VoY_xB4nahXF7gC-_FkaG/s1600/email.png) no-repeat 0px 12px ;
    width:130px;
    padding:10px 0 0 55px;
    float:left;
    font-size:1.4em;
    font-weight:bold;
    margin:0 0 10px 0;
    color:#686B6C;
    }
    .knetwork-emailsubmit{
    background:#9B9895;
    cursor:pointer;
    color:#fff;
    border:none;
    padding:3px;
    text-shadow:0 -1px 1px rgba(0,0,0,0.25);
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    font:12px sans-serif;
    }
    .knetwork-emailsubmit:hover{
    background:#E98313;
    }
    .textarea{
    padding:2px;
    margin:6px 2px 6px 2px;
    background:#f9f9f9;
    border:1px solid #ccc;
    resize:none;
    box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
   -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
   -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
    font-size:13px;
    width:105px;
    color:#666;}
    </style>


    <div class="knetwork-email">
    Mau Langganan?

    <form style="border:1px solid #ccc;padding:3px;text-align:center;" id="feedform"
action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow"
onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Flasmaweb1', 'popupwindow',
'scrollbars=yes,width=550,height=520');return true">

<p><input type="text" class="textarea" name="email"  onblur='if (this.value == &quot;&quot;) {this.value = &quot;Masukan E-mail&quot;;}' onfocus='if (this.value == &quot;Masukan E-mail&quot;) {this.value = &quot;&quot;}' type='text' value="Masukan E-mail"/></p>
<input type="hidden" value="Flasmaweb" name="uri"/>
<input type="hidden" name="loc" value="en_US"/><input type="submit" value="Kirim" class="knetwork-emailsubmit"/>

 Keterangan " link yang ditandai warna orange adalah link feedbunner maka silahkan ganti dengan link feedbunner anda.
6. Klick [Tombol] Simpan dan lihat hasilnya akan seperti dibawah ini.

Bagus bukan? silahkan coba pasangkan di blog anda semoga berhasil dan bermanfaat.