Cara Membuat Widget Email Subscribe di Blog ~ SCH-XP

Cara Membuat Widget Email Subscribe di Blog - Sebelumnya saya telah memposting artikel Modifikasi Komentar Yang Dihapus Oleh Penulis/Admin, kali ini saya akan memposting bagaimana Cara Membuat Widget Email Subscribe di Blog, email Subscribe ini sangat simple dan minimalis, email subscribe bukan hanya berfungsi sebagai langganan artikel, namun juga pengingat tatkala seseorang pengunjung lupa untuk mengunjungi blog kita secara rutin seperti yang biasa Ia lakukan.

Baca juga artikel :
Cara Membuat Related Post Thumbnail dan Kotak Feedburner
Cara Membuat Widget Email Subscribe di Blog :
1. Login ke Blogger.

2. Pilih Tata Letak / Layout.

3. Klik Add Gadget.

4. Pilih HTML/JavaScript.

5. Letakkan kode dibawah ini kedalamnya.

<style>
.form {
border:1px solid #aaa; /* warna garis pinggir form */
background: #f0f0f0 /* warna background form */
padding:3px; /* spasi form */
width:300px; /* panjang form */
height:120px /* tinggi form */
}
.rss {
background:#f4f4f4;
}
.button {
background: #006699; /* warna tombol subscribe */
color: #FFFFFF; /* warna font subscribe */
font-size: 11px; /* ukuran font subscribe */
font-family: Arial, Tahoma, Verdana; /* font subscribe */
margin-left: 5px; /* margin kiri tombol subscribe */
border: 1px solid #234B69; /* warna garis pinggir tombol subscribe */
padding:3px 5px 3px 5px; /* jarak antara font dengan garis pinggir tombol subscribe */
font-weight: bold;
}
</style>
<div class="form">
<div class="rss">
<div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><a href="http://feeds.feedburner.com/sch-xp"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib5YnYniG-n7v-U7gdg0JuYzy4RVwL5XTWqv9NmQYn6OkSUYFa2rZ-szkuGhEo_HPvTEm0cMQ3vWZXkWdoNizZVu4ePnNi_rg1DzGoOSe2_PR84kmUxWUMlWQQEY8aeq0B2VjPODW-l0rx/s800/005.png" /></a> <a href="http://feeds.feedburner.com/sch-xp">GET UPDATE VIA EMAIL</a></div>
<div style="padding-left:10px">Dapatkan kiriman artikel terbaru langsung ke email anda!</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=sch-xp', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" name="email" onblur="if (this.value == "") {this.value = "Ketik email anda disini...";}" onfocus="if (this.value == "Ketik email anda disini...") {this.value = ""}" type="text" value="Ketik email anda disini..." /> <input type="hidden" value="sch-xp" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>
</div></div>

sumber script

Keterangan:
1px = ketebalan border widget
#aaa = warna border widget
#f0f0f0 = background widget
300px = lebar widget
120px = tinggi widget
sch-xp = nama feedburner kalian

6. Klik "Save/Simpan" gadget, dan selesai.