Hai sobat blogger anda pasti sering melihat Email subscribe form seperti yang saya share kali ini,karena banyak sekali blog yang menggunakan Email subscribe form seperti ini,nah saya hanya sekedar mengingatkan saja kepada kalian cara pembuatan Email subscribe form ini,Pasilitas ini biasa nya kita gunakan untuk menampung email dari para pengunjung yang membuat email kepada blog kita melalui form email tersebut,dan mungkin anda juga sudah bosan dengan bentuk Form email yang sudah biasa,nah kali ini Form subscribe emailnya menggunakan background yang sangat mengalaihkan pemandangan kita untuk selalu meluhatnya,karena mulai dari gambar dan warna nya yang begitu mencolok sangan bagus dan mantap untuk di pasang di blog kita,
Cara pembuatan Email Subscribe form
Apabila anda tertarik dengan pembuatan Email Subcribe form ini silahkan anda meng copy nya di bawah ini dan ikuti langkah-langkahnya- Seperti biasa masuk ke account blogger anda
- Lalu pilih Template anda
- Lalu masuk tata letak
- Dan pilih Tambah Gadget lalu klik Javascricpt/html dan masukan kode berikut di kotak yang telah tersedia
<style type="text/css">
#otowebsite-emailbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Op7wKGkwhmAcYNFyrGFzTbPm0rjmU4puvuKJEMsKGin-FdmOhyptc4EKjlgRSF03S6F_3_PloYJr59_LVnYvv56yS7c6emYm2ASQfgTU8WnxNv6WhlJBGlW0P85NZP8WbPwY3qgeog/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>
- Tetapi apabila anda pengen menerapkan Email form seperti gambar di bawah ini
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY3cJwJoz4SYtaOgyV66FhDIMf4UL_nsSrRhHvgL8yG5mxDctjN5AHhMo3m05tnggSa55ATC7UTMrwO-rqohWa7luUJhyphenhyphenXojDnG4g6jyrF2DceLfrJ-SdXn7Gj9XAynlvzdbeARZVKTQ/s1600/otowebsite.blogspot.com-blue.png
- Begitu juga dengan yang ini.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBwW_oyvLuFcOe8eK0Y_ld73iPz-U9z7pnuTn-GNnj-9l41TQbfA4CyfNl6mou_FqHROXg81M5ECxlhe1mphpP6ApvvqNuvFty6RAMiC630EqaD0cygqEW2lcbJrKqMKAuanqTV_vQbQ/s1600/otowebsite.blogspot.com-silver.png
Nah itulah cara pembuatan Email Subscribe Form di widget,selamat mencoba.
Sumber : http://caraonspot.blogspot.com/2014/01/cara-membuat-berbagai-bentuk-email-subscribe-form-di-widget-keren.html