Membuat Email Subscription yang Sederhana

Sebelumnya saya telah membuat sebuah email subscription yang mirip dengan Blog saya, namun kali ini saya akan membuat email subsciption yang lebih sederhana untuk blog anda. Email subscription ini dapat anda pasang pada blog sehingga pengunjung dengan mudah dapat berlangganan artikel yang anda tulis. Email subscription ini saya katakan sederhana karena ukurannya yang lebih kecil. Cara membuatnya tidak begitu rumit untuk itu ikuti langkah berikut:

1. Masuk ke Rancangan --> Elemen Laman
2. Tambahkan Gadjet pilih HTML/Javascript
3. Masukan kode dibawah ini:
<!-- email subscription by www.blogtrikdantips.blogspot.com -->
<style>
.tips-email{
background:url(http://i1141.photobucket.com/albums/n581/fskhan619/orangeemaillogo1copy.png) no-repeat 0px 12px;
width:300px;
padding:10px 0 0 63px;
margin-top:10px;
float:left;
font-size:18px;
font-weight:bold;
margin:0 0 10px 0;
color:#36393A;
}
.tips-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:5px;
text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.tips-emailsubmit:hover{
background:#F88017
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;
width:140px;
color:#666;}
</style>
<div class="tips-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=blogtrikdantips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Email address here&quot;;}" onfocus="if undefinedthis.value == &quot;Email address here&quot;) {this.value = &quot;&quot;;}" value="Email address here" type="text" />
<input type="hidden" value="blogtrikdantips" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="tips-emailsubmit" value="Submit" type="submit" />
</form>
</div>
<!-- email subscription by www.blogtrikdantips.blogspot.com -->

4. Ganti kode berwarna merah diatas dengan id feedburner anda.
5. Simpan gadjet anda lalu lihat hasilnya

Semoga dengan email subscription yang sederhana anda memperoleh subscriber yang sangat banyak. Semoga bermanfaat dan selamat mencoba
Tags:

0 comments