Cara membuat form email subscriber di bawah postingan blog

Selamat siang sobat semua, kali ini saya akan berbagin tutorial yaitu Cara membuat form email subscriber di bawah postingan blog. Memang seharusnya blog kita ada karena 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 memggunakan ini pastinya gratis dari google, dan jika ingin pasang widget ini slilahkan ikuti langkah-langkah dibawah ini :
1. Login blog
2. Klik template --> edit HTML --> centang kotak Expand Template Widget.
3. Cari kode ]]></b:skin> , gunakan ctrl+f memudahkan untuk pencarian
4. Letakkan kode dibawah ini tepat 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/AVvXsEibyrLfMKsCDvFYcuACKmsZ_34DRUx2b0OwtkVXxBp-OQqeyPyAuHtXWcDpm21m-WM0vayTTK7r5FnYBo5XDfeJ4R1h6EaWhwUwK1S13GsiaTDC6lPE7fMay4VgAwsX7dwqMTMZekBNhv8/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. Kemudian letakkan kode dibawah ini tepat dibawah kode <data:post.body/>

<div class='kotakRSS1'><div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/sharingtop' 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'>Cyber 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('http://feedburner.google.com/fb/a/mailverify?uri=diesilver', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'><input class='inpRssardi33' name='email' onblur='if (this.value == "") {this.value = "Ketikkan email anda disini";}' onfocus='if (this.value == "Ketikkan email anda disini") {this.value = "";}' type='text' value='Ketikkan email anda disini'/><input name='uri' type='hidden' value='sharingtop'/><input name='title' type='hidden' value='sharingtop'/><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/sharingtop'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/sharingtop?bg=9b9b9b&fg=fffffff&anim=0' style='border:0' width='88'/></a></td></tr></table></div></div></div><div class='clear'/>

7. Save template, dan lihat hasilnya

Keterangan :

Ganti warna biru dengan kalimat yang sobat inginkan dan ganti warna merah dengan id Feedburner sobat. Jika belum punya feedburnner daftar klik disini

Silahkan sobat jika ada pertanyaan silahkan komen dibawah ini, semoga yang saya share ini bermanfaat bagi kita semua. ^_^