Memasang Subscribe via email di blog

Subscribe via email artinya anda akan mendapatkan kiriaman ke email setiap post baru yang dibuat oleh website bersangkutan.

Banyak tampilan dari subscribe untuk memperindah blog anda, namun saya hanya akan memberikan 2 tampilan saja yg lebih sederhana.

Subscribe 1

• Copy kode script berikut dan taruh di Widget ( A gadget HTML/JavaScript)

<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/Cahlaban'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYvOuDDxFjCnzSpQrQCfsWaAl2071H2q3EQiqdpMTm63lrZYzE25bUx2JcIkuUWmspxK4rfAuxHbGsq-7hEDO55UkqlwwiRgTePCthRNfxKFDeh6dmMys1SXnxR7lnjtNug3gebq8k-5zS/s800/005.png'/></a> <a href='http://feeds.feedburner.com/Cahlaban'>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' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Cahlaban&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><div style='padding-left:10px; padding-bottom:10px; padding-top:10px'>
<input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}' onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}' style='width:160px; height:18px' type='text' value='Enter your email...'/>
 <input name='uri' type='hidden' value='Cahlaban'/><input name='loc' type='hidden' value='en_US'/><input alt='' class='button' title='' type='submit' value='Subscribe'/></div></form>
</div></div>

• Ganti Cahlaban dengan ID Feed anda...bila belum punya maka anda harus login dan buat akun dulu di feeds.feedburner.com 

Subscribe 2

• Kode Scriptnya :

<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRGoKpKfIn6zW9FK9YhJh8v_3934dGGnUZVmNB3oY08Lia0qrfJLpMs71cb9eV50qKk6-lypCL14rFjeVlFkiXb6u9tcBohPXkCwGO32tcYF6Yuljd3cVSdQQI5ch_-HlamweiIGO0u1s/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:180px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Cahlaban', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="Cahlaban" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

• Ganti warna merah dengan ID feed anda.

Sekian terimakasih.. :14::14: