Membuat Email Subscription Form Di Bawah Postingan

Farhan Share, Membuat Email Subscription Di Bawah Postingan - Sobat farhan pastinya sudah mengenal kan widget berlangganan artikel via email atau yang sering disebut dengan email subscription? Ya, kegunaan widget ini adalah untuk memudahkan para pengunjung dalam meng-update seluruh informasi terbaru yang terbit di blog kita, karena hanya dengan mereka mengisi form berlangganan artikel menggunakan email mereka masing-masing lalu klik subscribe, pengunung langsung bisa menikmati kiriman artikel secara otomatis setiap ada artikel terbaru yang terbit di blog kita tanpa harus membayar sepeser pun, alias gratis, powered atau diberdayakan oleh feedburner. Sobat farhan widget email subscription di bawah ini sudah sedikit farhan edit dan compress agar tidak terlalu berat loadingnya dan juga agar tampilanya lebih menarik tapi tetap bertema sederhana dan friendly kepada para pengunjung.  Baik, di bawah ini farhan sudah persiapkan kode script dan langkah-langkah membuat email subscription di bawah postingan, di simak baik-baik ya.

Membuat  Email Subscription Form Di Bawah Postingan

1. Login Ke Blogger.

2. Masuk Ke Dashboard.

3. Pilih Template.

4. Pilih Download Full Template (untuk mencegah bila terjadi kesalahan dalam meng-edit html).

5. Pilih Edit HTML.

6. Centang box "Expand Template Widget".

7. Sobat cari kode ]]></b:skin> menggunakan CTRL+F atau F3, lalu letakkan kode di bawah ini tepat diatasnya.

.kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px;-webkit-border-radius:5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0; } .Rssardi33 { background: url('Url Background') no-repeat bottom right; } .Rssardi33 a { background: none;}  .inpRssardi33 { border: 1px solid #B9C1C6; width: 170px;height: 16px; font-size: 12px; padding:3px 4px 4px 10px;-moz-border-radius:5px;-webkit-border-radius: 5px;} .sbmtRssardi33 {background:#9b9b9b;border: 1px #9b9b9b solid;color:#FFF;font-size:13,5px;font-family:Arial,Tahoma,Verdana;margin-left:5px;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:7px;-webkit-border-radius: 7px;} .ardi33subs table {border-collapse: inherit; border: none;} .ardi33subs tr { border:0;} .ardi33subs td { border:0;} .ardi33subs th { border:0;} .clear { clear: both; }

Catatan : Ganti kode yang berwarna merah dengan URL Background box email subscription.


8. Selanjutnya sobat cari kode <data:post.body/>, biasanya pada template akan terdapat beberapa kode seperti itu, pilihlah kode yang ke-2, lalu letakkan kode di bawah ini tepat di bawah kode  <data:post.body/> yang ke-2.

<!-- Script Artikel Berlangganan  -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/farhanshare' target='_blank' title='Berlangganan'>
<b>klik disini</b></a> untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di <font color='#0099DD'>Farhan Share </font>
<div class='ardi33subs'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=diesilver&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssardi33' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketikkan email anda disini&quot;;}' onfocus='if (this.value == &quot;Ketikkan email anda disini&quot;) {this.value = &quot;&quot;;}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='farhanshare'/>
<input name='title' type='hidden' value='farhanshare'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRssardi33' type='submit' value='Subscribe'/></div>
</form></td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>
<!-- End Artikel Berlangganan -->

Catatan : Ganti kode yang berwarna merah dengan ID Feedburner blog sobat.
Catatan : Ganti kode yang berwarna biru dengan Nama Blog sobat.

9. Klik "Save Template" dan Selesai.

Demikian sobat farhan artikel tutorial blog tentang cara membuat email subscription di bawah postingan, semoga bermanfaat, dan selamat mencoba, bila sobat mempunyai pertanyaan seputar tutorial blog ini, sobat bisa tinggalkan komentar di bawah.