Cara Membuat Kotak Langganan Via Email Dibawah Posting

 
Cara membuat kotak email berlangganan dibawah posting blog :

1. Masuk pada blogger.com
2. Pilih Template >>Edit HTML >> Lanjutkan
3. Centang Expand Template Widget
4. Cari kode ]]></b:skin>
5. Letakkan kode berikut diatas 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/AVvXsEjIbYXonZckPjKexOhGvMWwEAib5GghtnGnI3SIR6C666myg0QWGEgfqmEazF12SvIPH27qZQDjO-9kLmVZC6SNNtFoihYGvcJghyZRkFFqh9nGicBst9YIXefxHlIn0FomS6BCZDOyB-Q/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; }

 Selanjutnya cari kode <data:post.body/>
Letakkan kode berikut dibawah <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/Robz-hitz' 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'>B-digg </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='Robz-hitz'/>
<input name='title' type='hidden' value='Rob-hitz'/>
<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/Robz-hitz'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/Robz-hitz?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 -->

*Ganti Robz-hitz dengan id feedbunner Anda                                                                               

Tambahan :

1. Untuk blog yang menggunakan readmore otomatis maka Anda akan menemukan 2 kode <data:post.body/>, letakkan kode diabaawah <data:post.body/> yang kedua.
2. Simpan Template dan Lihat Hasilnya

 Source : http://www.katakan-hey.com/2012/05/membuat-kotak-langganan-via-email.html