Email Subscription Form Keren Untuk Blogger
Friday, October 12, 2012
Edit
Email Subscription Forms Keren Untuk Blogger - Sobat blogger pasti sudah tidak asing ya dengan Email Subscription, fasilitas yang satu ini biasanya kita gunakan untuk menjaring email dari pembaca setia blog kita, dengan begitu pembaca akan mendapat email yang berisi update postingan dari blog kita, dengan mereka berlangganan kita berharap pembaca akan kembali lagi mengunjungi blog kita.
Disini saya akan berbagi beberapa formulir berlangganan email keren yang dirancang oleh design3edge dan telah dikonversi mereka dari file ke dalam widget blogger. Cara pembuatan nya juga sangat mudah,sobat tinggal masukan add gadget HTML ke dalam blogger sobat.
Email Subscription Form 1
Sript :
<style type="text/css">
#otowebsite-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Iyu_F8lu5l3lPr5lYwHNm6MgZuVgwuBJnK9zbvnnyUm_952_Y927NfdnxHCBu04G3gHNanKe3rnONbtcZnRFBesLZqTjf46E7fbx4YAebT9Do06LcripVL8TOL8sCizIHKU1Ld2eXg/s1600/otowebsite.blogspot.com-blue.png)no-repeat scroll center center transparent;
height: 143px;
width: 368px;
}
form#otowebsite-emailform {
display: block;
margin: 0;
padding-left: 42px;
padding-top: 67px;
}
form#otowebsite-emailform #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 30px;
margin-top: -2px;
padding-left: 2px;
vertical-align: top;
width: 227px;
}
form#otowebsite-emailform #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 30px;
padding-right: 45px;
}</style>
<div id="otowebsite-emailbox">
<form id="otowebsite-emailform" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=otowebsite', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="otowebsite" name="uri" />
<input type="text" id="s" name="email" value="Enter Your E-Mail Here"
onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
/>
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>
Email Subscription Form 1
<style type="text/css">
#otowebsite-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFTtkyZUlk46WXEFNRBXDEuMVlvO_ui8OGlgyLAmZGz9l7iHPeByoRFPvM9FOQIdfgzW9GPWJqEukCrLOn71qc2qBrFFxVcSP5ZPss6LHyEax2eXyxspfDtRpoQlC-aOxdIdy96EATsw/s1600/otowebsite.blogspot.com-red.png)no-repeat scroll center center transparent;
height: 143px;
width: 368px;
}
form#otowebsite-emailform {
display: block;
margin: 0;
padding-left: 42px;
padding-top: 67px;
}
form#otowebsite-emailform #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 30px;
margin-top: -2px;
padding-left: 2px;
vertical-align: top;
width: 227px;
}
form#otowebsite-emailform #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 30px;
padding-right: 45px;
}</style>
<div id="otowebsite-emailbox">
<form id="otowebsite-emailform" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri= otowebsite', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="otowebsite" name="uri" />
<input type="text" id="s" name="email" value="Enter Your E-Mail Here"
onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
/>
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>
Email Subscription 3
<style type="text/css">
#otowebsite-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmj_2qhvJGuhos0iZiDENSMQAumVX3bVx2cnZ_Qk57D6kd659QwuVWL9ibkQKbMDBmjtrHj5WUP-riZc0bvOvOK62e9OgbaG3EZ4r6u0Ucoo-rACWf0HTcfZyFCJedq3ADfpOpJUdTdA/s1600/otowebsite.blogspot.com-silver.png)no-repeat scroll center center transparent;
height: 143px;
width: 368px;
}
form#otowebsite-emailform {
display: block;
margin: 0;
padding-left: 42px;
padding-top: 67px;
}
form#otowebsite-emailform #s {
background: transparent;
border: none;
color: #444242;
font-family: georgia;
font-size: 15px;
font-style: italic;
height: 30px;
margin-top: -2px;
padding-left: 2px;
vertical-align: top;
width: 227px;
}
form#otowebsite-emailform #sbutton {
background: transparent;
border: none;
cursor: pointer;
height: 30px;
padding-right: 45px;
}</style>
<div id="otowebsite-emailbox">
<form id="otowebsite-emailform" action="http://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=otowebsite', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="otowebsite" name="uri" />
<input type="text" id="s" name="email" value="Enter Your E-Mail Here"
onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
/>
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
/>
</form>
</div>
Note : Ganti dua kode otowebsite dengan id feedsburner milik sobat sendiri.
Saya rasa cukup untuk kali ini, mudah-mudahan sobat suka dengan Email Subscription Forms Keren Untuk Blogger di atas!
Semoga Bermanfaat.
Script By : otowebsite.blogspot.com