Cara Memasang Email Subscribe di Bawah Postingan Blog

Oleh Tazbhy

Monday, December 16, 2013

Bagikan :

Tweet

Jika anda tertarik ingin membuat email subscribe atau kotak berlangganan dibawah postingan blog, Ermawati akan share kode-kode dari kotak email berlangganan supaya blog anda terlihat lebih menarik bagi pengunjung. Simak cara membuat dan memasang email subscribe dibawah postingan blog pada tutorial blog ini.

Cara Memasang Email Subscribe di Bawah Postingan Blog
1. Buka ke blog anda
2. Pilih Template => Edit HTML
3. Tekan Ctrl+F dan cari kode ]]></b:skin> lalu letakkan kode berikut diatasnya

.rss-wrapper{background-color:#fff;-moz-border-radius:5px;border:1px solid #A4A4A4;margin:0 0 10px;padding:5px 10px}
.Rsserma{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiryy8UK6_ZD3Loy97FDB9kggPO0lHWz1ZNQvAuAetnkrNRNF-Dkbqo_JztCB3d2IEsVXlKqXYdDyyD4aA3XwGKbD63bFooH9JFclWiied52MYaKvYvQH4TQSNOYFYyrUpSakrLdDP5xg0/s1600/feedburner.jpg) no-repeat bottom right}
.Rsserma a{background:none}
.inpRsserma{border:1px solid #B9C1C6;width:170px;font-size:11px;padding:3px 4px 4px 10px}
.sbmtRsserma{padding:2px}
.ermasubs table{border-collapse:inherit;border:none}
.clear{clear:both}

5. Lalu cari kode <data:post.body/> lalu letakkan kode berikut dibawahnya, jika didalam template blog anda ditemukan 2 buah kode <data:post.body/> maka pilih yang nomor 2 aja

<!-- Script Artikel Berlangganan -->
<div class='rss-wrapper'>
<div class='Rsserma'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/Ilmutazbhy' 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'>Ilmutazbhy</font>
<div class='ermasubs'>
<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=Ilmutazbhy&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='inpRsserma' 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='Ilmutazbhy'/>
<input name='title' type='hidden' value='Ilmutazbhy'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRsserma' type='submit' value='Subscribe'/></div>
</form></td>
<td align='left' style='padding:10px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/Ilmutazbhy'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/Ilmutazbhy?bg=99CCFF&amp;fg=444444&amp;anim=1' style='border:0' width='88'/></a>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>
<!-- End Artikel Berlangganan -->

Keterangan :
Teks warna coklat ganti dengan nama feedburner anda dan warna biru dengan nama blog anda

6. Simpan template

Demikianlah Cara Membuat Email Subscribe di Bawah Postingan, semoga bermanfaat.

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Media Pembelajaran

Tag : Tips Dan Trik, Tips Trik Seo Blog