Cara Membuat Kotak Subscribe Sederhana di Blog
Kotak langganan ini memudahkan pengunjung untuk mengikuti blog kami melalui email, sehingga kiriman terbaru dari blog kami akan secara otomatis mengirim Google (Feedburner) ke kotak masuk email. Klik tautan email dan buka halaman posting terbaru:- Jika anda belum memiliki FEED-ID, daftar terdahulu di Feedburner.
- Layout > Tambah Gadget > pilih HTML/Javascript
- Isi judul, misalnya Kotak Subcribe
- Copy dan Paste kode berikut.
<style>
#berlangganan{position:relative;border:1px solid #ddd;margin:5px auto}
#berlangganan-form{height:30px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#fff;overflow:hidden}
#berlangganan-text{color:#ccc;border-width:0}
#berlangganan input[type="text"]{width:100%;padding:7px 0 7px 7px;outline:0}
#berlangganan-button{position:absolute;top:0;right:0;height:30px;margin:0;text-align:center;line-height:0;border-width:0;background:whitesmoke;cursor:pointer;font-size:12px;font-weight:bold}
</style>
<div id='berlangganan'>
<form action='http://feedburner.google.com/fb/a/mailverify' id='berlangganan-form' method='get' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEED-ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='FEED-ID'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='berlangganan-text' name='email' onblur='if (this.value == "") {this.value = "Enter your email..";}' onfocus='if (this.value == "Enter your email...") {this.value = ""}' type='text' value='Enter your email..'/>
<button id='berlangganan-button' type='submit'>SUBMIT</button>
</form>
</div>
- Ganti FEED-ID dengan kode Blog Feedburner Anda.
- Save
0 Comments