Free Tutorials - Subscribe box sebenarnya sama seperti follow by email ,cara kerjanya pun sama seperti follow by email yang sudah sudah , namun Subscribe box dapat membuat visitor lebih nyaman karena tampilannya yang begitu keren dan tampak profesional .
Berikut caranya :
1. Seperti biasa anda masuk ke www.blogger.com
2. Pilih blog > Template > Edit HTML
3. Cari kode b:skin
4. Pastekan kode di bawah tepat di atas/sebelum kode b:skin
/* CSS Subscribe Box */5. Jika sudah save template
#subscribe-box {width:auto;max-width:300px;height:auto;background-color:#222;}
#subscribe-box p {font-family:'Droid Sans';font-size:13px;color:#ccc;line-height:20px;padding:10px 20px 0 20px;margin:0;}
#subscribe-box .emailfield {padding:0px 20px 10px;}
#subscribe-box .emailfield input {background:#fafafa;color:#999;padding:10px;margin-top:10px;font-size:13px;font-family:'Droid Sans';width:91%;border:0;border:none;transition:all 0.4s ease-in-out;}
#subscribe-box .emailfield input:focus {background:lightyellow;outline:none;border:none;color:#444;}
#subscribe-box .emailfield .submitbutton {background:#f56954;color:#fff!important;text-transform:uppercase;font-weight:bold;border:none;outline:none;width:99%;cursor:pointer;transition:all 0.4s ease-out;}
#subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#444;color:#fff;}
#subscribe-box .emailfield .submitbutton:hover{background:#dc5e4b;color:#fff;}
#HTML98 h2 {border-bottom:4px solid #eee;}
#HTML98 h2 span {border-bottom:none;margin-bottom:0;}
6. Kemudian anda pergi ke Tata Letak
7. Add gadget > Html / Javascript
8. Pastekan kode di bawah , dan masukkan ke Html/javascript
<h2 class='title'>Subscribe Here</h2>
<div class='widget-content'>
<div id='subscribe-box'>
<p>Sign up here with your email.</p>
<div class='emailfield'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=AFusion', '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='AFusion'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Subscribe Now!'/>
</form>
</div>
</div>
</div>
9. Simpan , dan lihat blog