Widget Subscribe Via Email Simple dan Responsive

Widget Subscribe adalah widget untuk berlanggan di sebuah blog menggunkan Email. Widget ini sangat memudahkan pembaca untuk mendapatkan postingan terbaru dari blog anda. Jadi widget ini jangan sampai ketinggalan anda pasang di blog sobat. Dan sekarang saya akan memabagikan cara memasang widget subscribe ini.

Widget Subscribe Via Email Simple

Untuk memasang widget subscribe seperti gambar di atas, silahkan ikuti cara dibawah ini !

Buka Template > Edit HTML
Kemudian taruh CSS di bawah ini diatas atau sebelum ]]></b:skin>

/* Subscribe */
#subscribe-box {width: 100%;height: auto;border-radius: 2px;background-color: #95a5a6;box-shadow: 0px 3px 0px 0px #7f8c8d;padding-bottom:10px} #subscribe-box .title {padding: 10px 25px;line-height: 30px;font: 20px Oswald;color: #fff;text-align: center;background: #2a3542;text-transform:uppercase;border-radius:2px 2px 0 0;} #subscribe-box p {font-family: 'Droid Serif';font-size: 16px;color: #fff;line-height: 20px;padding: 10px 20px 0 20px;margin: 0;} #subscribe-box .emailfield {padding: 0px 20px 10px;} #subscribe-box .emailfield input {color: #777;padding: 10px;margin-top: 10px;font-size: 15px;font-family: 'Droid Serif';width:90%;border:0;border-radius: 2px;box-shadow: 0px 3px 0px 0px #bbb;} #subscribe-box .emailfield input:focus {outline: none;} #subscribe-box .emailfield .submitbutton {background: #F4836A;color: #fff!important;border:none;outline: none;width: 95%;cursor:pointer;border-radius: 2px;box-shadow: 0px 3px 0px 0px #e23b16;} #subscribe-box .emailfield .submitbutton:active {padding-top: 11px;padding-bottom: 9px;box-shadow: 0px 1px 0px 0px #3293ba;} #subscribe-box .emailfield .submitbutton:hover{background: #DD7761;}
#art-wrapper { position : relative; background : #fff; margin-top : 15px; width : 100%; height : 100%; } #art-wrapper img { width : 100%; height : 100%; }

Simpan Template

Selanjutnya yaitu memasangnya di kolom widget yang anda inginkan

Buka Tataletak/Layout > Tambahkan Gadget >HTML/Javascript
Copas kode di bawah ini

<div id='subscribe-box'>
<div class='title'>
Subscribe
</div>
<div class='emailfield'>
<form action='https://feedburner.google.com/fb/a/mailverify?uri=kulkuly' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=kulkuly', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input type='text' name='name' onblur='if (this.value == "") {this.value = "Your Name";}' onfocus='if (this.value == "Your Name") {this.value = "";}' value='Your Name'/>
<input type='text' name='email' onblur='if (this.value == "") {this.value = "Your Email";}' onfocus='if (this.value == "Your Email") {this.value = "";}' value='Your Email'/>
<input name='uri' type='hidden' value='kulkuly'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Subscribe Now!'/>

</form>
</div>
</div>