Modifikasi Form Email Subscription








Apa FeedBurner Email?



Email FeedBurner adalah layanan yang memungkinkan penerbit untuk menyampaikan konten pakan mereka ke pelanggan melalui email.



Siapa yang butuh layanan ini dan mengapa?



Blogger, podcasters, dan penerbit pribadi dan komersial yang ingin pelanggan untuk memiliki metode alternatif untuk menerima konten umpan - pengaturan akrab inbox email mereka.



Apa yang akan membantu penerbit bahwa mereka tidak dapat lakukan hari ini?



Hari ini, jika pelanggan ingin membaca / melihat / menonton konten online sindikasi, mereka biasanya harus pergi ke mana konten-host atau tahu bagaimana untuk berlangganan feed dan mengkonsumsi konten dalam agregator atau pembaca (misalnya MyYahoo!, FeedDemon, iTunes, dll) Dengan kemampuan langganan email, pelanggan kini dapat menerima informasi ini dalam inbox mereka, mirip dengan e-newsletter.



Bagaimana cara kerjanya?



Dari dalam Publicize tab aplikasi, penerbit mengaktifkan layanan dengan mudah klik, kemudian paste kode ke dalam template blog atau situs web. Lihat apa ini tampak seperti di blog atau dibangun langsung ke halaman BrowserFriendly Anda . Sebuah digest harian yang berisi konten baru dari feed dikirimkan ke pelanggan yang telah memilih untuk menerima konten ini. Lihat email sampel .



Mengapa FeedBurner Email begitu istimewa?



Selain yang didukung oleh segel FeedBurning persetujuan, email FeedBurner memiliki fokus yang sangat spesifik - itu adalah benar-benar layanan publisher. Tidak ada halaman arahan pelanggan di FeedBurner dan tidak ada dashboard bagi pelanggan untuk masuk ke dan mengelola email mereka. Selain kesederhanaan dalam konfigurasi dan pengiriman, FeedBurner Email olahraga fitur utama sebagai berikut:



Mudah dibaca, teks atau email HTML berisi pesan-pesan terbaru.

Pesan sebagian besar "brandless," yang berarti bahwa a) email dikirim sebagai "dari" penerbit, tidak FeedBurner dan b) tidak ada sundulan FeedBurner dan hanya sangat ringan "yang disampaikan oleh" footer.

Penerbit memiliki akses ke alamat email yang berlangganan feed mereka, dan mereka dapat mengekspor alamat ini dan bergerak dari FeedBurner ke layanan lain setiap saat.



Nah agar form feedburner tidak membosankan, kita modif aja. Kali ini saya kasi nama style form email subscription 1. Karena, kalau ada kesempatan otak atik lagi, saya akan bikin style yang lain.



Cara Modifikasi Form Email Subscription:

1. Login blogger

2. Layout >HTML/javascript

3. Copast css dan html berikut


<style type="text/css">

.subscribe_outer {

     background: url("http://dl9.glitter-graphics.net/pub/1317/1317309lsk5aj07xu.gif") no-repeat ;

float:left;margin: 0px -10px;padding: 5px 0px;

border:double 3px #0099ff;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

border-radius: 2px;

}

.subscribe_wrapper {

     background: url("http://dl9.glitter-graphics.net/pub/1317/1317309lsk5aj07xu.gif") no-repeat transparent;font-size: 15px;line-height: 20px;

text-align:center;padding: 38px 50px 18px 38px;



}

.stext {

     color: #000;

font-weight:bold;

}

.sidebar .subscribe_wrapper h5,.subscribe_wrapper h5 {

     color:#FF7F29;

font-size:18px

}

#btntEmailsub {

     clear: both;display: block;margin: 10px 0px;

}

form.btntEmailform {

     clear: both;display: block;margin: 20px 0px 0px;width: auto;

}

.emailText {

     background: url("http://lh6.googleusercontent.com/-mrp8bAEiUas/ULc875mjBCI/AAAAAAAAAAY/ORduMx38cYI/s800/email.png") no-repeat scroll 10px center #FFFFFF;border-radius: 4px 4px 4px 4px;border: 0px none;

     box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05) inset;

     color: #444444;margin: 0px 0px 15px;padding: 10px 40px;text-decoration: none;width: 70%;

}

.emailButton {

    -moz-border-radius:3px;

    -webkit-border-radius:3px;

    border-radius:3px;

    -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);

    -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);

    box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);

    background: -moz-linear-gradient(19% 65% 90deg,#0087B4, #0099CC, #0099CC 51%);

    background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#0099CC), to(#0087B4));

    color:#f0f0f0;float:left; font-family:arial,helvetica,sans-serif;font-size:14px;font-weight:bold;

    text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);

    border: 1px solid #267ed4;padding: 10px 40px;

    cursor: pointer;

    width:100%;

}

.emailButton:hover {

    background: -moz-linear-gradient(19% 65% 90deg,#0082AD, #0099CC, #0099CC 51%);

    background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#0099CC), to(#0082AD));

    color: #f1f1f1;

}

</style>

<div class="subscribe_outer">

 <div class="subscribe_wrapper">

  <h5>Subscribe Via Email</h5>

  <p class="stext">Subscribe to our newsletter to get all the latest updates to your inbox..!</p>

    <div id="btntEmailsub">

    <form target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=[YOUR_FEED_NAME]', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" action="http://feedburner.google.com/fb/a/mailverify">

    <input type="hidden" value="[YOUR_FEED_NAME]" name="uri">

    <input type="hidden" value="en_US" name="loc">

    <input type="text" value="Enter your email..." onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" name="email">

    <input type="submit" value="Signup Now!" title="" class="emailButton"><br/>

    </form>

    </div>

  </div>

</div>



[YOUR_FEED_NAME] = nama akun feedburner, misal "mig33eagle"



4. Simpan



hasilnya dari style form di atas:











Comments