Cara membuat form email subscriber di bawah postingan blog

Cara membuat form email subscriber di bawah postingan blog sekarang ini memang sudah seharusnya ada dalam sebuah blog dikarenakan dapat menambah jumlah pengunjung situs (blog) serta dapat menciptakan pengunjung setia yang nantinya mereka akan kembali lagi mengunjungi blog kita disaat kita memposting artikel baru.

Untuk menggunakan sarana ini agan dapat memakai sarana feed dari feedburner dari google yang tentunya gratis. Untuk agan yang belum mempunyai account, silahkan terlebih dahulu melakukan pendaftaran di Feedburner.google.com. Pembahasan ini melanjutkan postingan sebelumnya tentang daftar widget keren untuk blogger. Baiklah, mari kita lanjutkan tutorial tentang cara membuat form email subscriber di bawah postingan blog, silahkan perhatikan langkah-langkah dibawah ini. 

Cara membuat form email subscriber di bawah postingan blog

1. Log in ke account blogger agan. 

2. Klik template --> edit HTML --> centang kotak Expand Template Widget.

3. Cari kode ]]></b:skin> ( Untuk memudahkan proses pencarian silahkan gunakan ctrl + f ) 

4. Tempatkan kode dibawah ini persis di atas kode ]]></b:skin>.

.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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDucKRsSrpFxyioBiId1xlb6zVkdngeblI5jp8oLcnrALd33vYsEVmH3-q7szCvBUKvHw0T1TFvwELu6MyD5EWm-rotJqApE8G0SF22hDfo4_6fTgslorQkI-u0OMK_Fti4IO3oM38Uy0/s1600/maskolis.co.cc.jpg') 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; }

5. Untuk selanjutnya silahkan cari kode data <data:post.body/> 

6. Simpan kode dibawah ini tepat dibawah kode <data:post.body/> 

<!-- Script Artikel Berlangganan  -->

<div class='kotakRSS1'>

<div class='Rssardi33'>

Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/tipsseountukpemulablog' 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'>Tips Belajar SEO Blog</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='tipsseountukpemulablog'/>

<input name='title' type='hidden' value='tipsseountukpemulablog'/>

<input name='loc' type='hidden' value='en_US'/>

<input class='sbmtRssardi33' type='submit' value='Subscribe'/></div>

</form></td>

<td align='left' style='padding:6px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/tipsseountukpemulablog'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/tipsseountukpemulablog?bg=9b9b9b&amp;fg=fffffff&amp;anim=0' style='border:0' width='88'/></a>

</td>

</tr>

</table>

</div>

</div>

</div>

<div class='clear'/>

<!-- End Artikel Berlangganan -->

Note:

• Kode yang berwarna biru dapat agan ubah dengan kalimat agan sendiri. 
• Kode yang berwarna merah ubah dengan id feedburner agan.

7. Simpan template dan lihat hasilnya sekarang agan sudah berhasil membuat form email subscriber di bawah postingan blog.

Itulah tutorial tentang cara membuat form email subscriber di bawah postingan blog semoga postingan ini bermanfaat bagi kita semua terutama bagi agan yang ingin mendapatkan pengunjung setia dengan cara memberi jalan agar mereka berlangganan artikel di blog agan.