CSS Email Subscribe

selama saya newbie saya juga belum paham betul tentang ini ..dan sekarang apa saya masih newbie?? mari kita tess ..!! what?? terlalu  >_<
buat sobat yang mungkin belum tau .. mari saya kasi sedikit penjelasan . Loh kok dikit doang?? iya cz saya baru tau sedikit , jadi kita sama-sama belajar Lah :D
okay mari disimak ..
Email Subscribe merupakan fitur yang memudahkan user untuk memantau perkembangan blog langganannya

, dimana setiap ada update feed pata situs tersebut maka ia akan mendapatkan update otomatis di blognya.
Umumnya Blogger hanya menyediakan tampilan defaultnya yang sangat sederhana, meskipun begitu, kita bisa memodifikasinya dengan CSS yang menarik.

Berikut tutorialnya.


  • Login ke Akun Blogger anda
  • Masuk ke Layout » Page Element » Add new a gadget » HTML Java Script
  • Copy Paste Kode Berikut :
<style>
.mbt-email{
background:url(http://4.bp.blogspot.com/_MbejYjGokMM/TSeZHmWJ6oI/AAAAAAAAALE/93ELYyzmi64/s1600/email.png) no-repeat 0px 12px ;
width:320px;height:65px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.mbt-emailsubmit{
background:#e75c08;
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:10px;
border-radius:6px;
font:15px sans-serif;
}
.mbt-emailsubmit:hover{
background:#911c05;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#fa8f54;
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:15px;  
width:150px;
color:#666;}
</style>
<div class="mbt-email">
Berlangganan Lewat 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=FarishBlog', '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;Masukan Email&quot;;}" onfocus="if (this.value == &quot;Masukan Email&quot;) {this.value = &quot;&quot;;}" value="Masukan Email" type="text" />
<input type="hidden" value="Fs-Galery" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="mbt-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Ganti tulisan yang berwarna biru dengan url Feed sobat..
  • Simpan, dan selesai.. 

http://fs-galery.blogspot.com/2012/03/css-subscribe-email-menarik.html
Colek G+

No comments:

Post a Comment

Diam Berarti Lobet
Tinggalin Komentar aja ya.........
sorry kalo tidak bisa membalas langsung di blog ini, MizTia si Admin Blog mungkin Lagi Berlibur ke Dunia Nyata :D

oya, sobat juga bisa surfing di Gallery miztia-respect.blogspot.com
(ɔ ˘⌣˘)˘⌣˘ c) .