Cara Membuat Kotak Berlangganan Email yang Keren Reviewed by AA SHOLAH on 16.07 Rating: 5
Home » , » Cara Membuat Kotak Berlangganan Email yang Keren

Cara Membuat Kotak Berlangganan Email yang Keren

Written By AA SHOLAH on Senin, 20 Februari 2012 | 16.07

Advertisements
Cara Membuat kotak Berlangganan Email yang Keren
Salam, dan selamat datang di CaraGampang.Com . Tutorial Blog kali ini saya akan membagikan script Subscribe via Email  alias Berlangganan via Email yang Keren dan Elegan..
Contohnya udah ada di atas, mari langsung aja ke Cara Membuat Berlangganan Email yang Keren :
  • Masuk ke Blogger - Rancangan - Elemen halaman - Tambah Gadget
  • Pilih HTML/ JavaScript 
  • Paste code berikut :

<style>
.mbt-email{ background:url(http://4.bp.blogspot.com/_MbejYjGokMM/TSeZHmWJ6oI/AAAAAAAAALE/93ELYyzmi64/s1600/email.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;
}
.mbt-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;
}
.mbt-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:170px;
color:#666;}
</style>
<div class="mbt-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=CaraGampangCom', '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="CaraGampangCom" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Submit" type="submit" />
</form>
</div>

NB : Ganti tulisan CaraGampangCom dengan ID feedburner anda.

Advertisements

4 komentar:

  1. Waduh gan...
    klu mau letakkan dibawah posting gimana caranya?
    klu taruh di widget bisa berat loading pagenya.
    Please advice
    Makasih banyak...

    BalasHapus
  2. wah keren juga nih...ijin praktek gan

    BalasHapus

Komentar anda sangatlah berarti bagi kami, silahkan berkomentar dengan bijak dan sopan. Komentar dengan mencantumkan Link aktif akan kami hapus.