Hallo sobat ! Selamat datang di CaraGampang.Com | About Us | Contact | Sitemap | Pasang Iklan
Home » , , » Cara Membuat Kotak Berlangganan Email yang Keren

CaraGampang.Com ~ Situs Berbagai Cara dan Informasi Terkini

Admin : aa Solah
Email : [email protected]
Terbit : hari Senin, 20 Februari 2012
Judul : Cara Membuat Kotak Berlangganan Email yang Keren

:: Lihat info lengkap penulis ::

Cara Membuat Kotak Berlangganan Email yang Keren

Senin, 20 Februari 20123komentar

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.


Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari CaraGampang.Com di email anda:

+ komentar + 3 komentar

Min Agt 26, 09:56:00 PM

terima kasih gun...

Sen Nov 05, 09:13:00 PM

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

Sen Feb 25, 08:59:00 PM

wah keren juga nih...ijin praktek gan

Poskan Komentar

Komentar anda sangat berharga bagi kami.. Silahkan berkomentar dengan baik dan sopan. Jika ingin menunjukan URL blog, silahkan berkomentar dengan format Nama/URL , karena komentar yang berisi Link akan kami hapus. Trimakasih..

LIHAT LAINNYA

Ping your blog, website, or RSS feed for Free


 
Network : Iklan Baris | Forum | Members | Bookmark | Guest | Disclaimer | Link to use | Index | Sitemap | Back to top
Copyright © 2012-2013 Cara Gampang - All Rights Reserved || Dsign by aaSolah - Template by Creating Website - Hosted on Blogger.Com
Kritik dan saran silahkan kirim ke [email protected]
Register Sign in close