Dengan cara membuat kotak berlangganan blog dapat memberi informasi mengenai update artikel blog pada visitor / pengunjung blog yang sudah ...
Dengan cara membuat kotak berlangganan blog dapat memberi informasi mengenai update artikel blog pada visitor / pengunjung blog yang sudah berlangganan melalui email. Cara memasang kotak berlangganan artikel bisa diletakkan dibawah postingan blog seperti yang akan Blogger Bondowoso share kali ini. Simak cara membuat email subscribe dibawah postingan blog dibawah ini. Sebelumnya simak terlebih dahulu cara memasang share addthis di bawah postingan.
Cara Memasang Email Subscribe di Bawah Postingan Blog
1. Login ke blogger
2. Pilih Template => Edit HTML
3. Centang expand template widget
4. Tekan F3 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}
.Rssrudybond{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6PAOIZxM49jk69BDq-bnWFNjC0PSv3HKqWU52Gh8en7jMv3UVCr6acQ0wyxoz12qJCBX3BWlVkRajYncln6oDMLBFeMQ10lSObAdsyEqVoEB6I31y80FIfvsP_5b7hXco-V6VgWOVXEs/s1600/feedburner.jpg) no-repeat bottom right}
.Rssrudybond a{background:none}
.inpRssrudybond{border:1px solid #B9C1C6;width:170px;font-size:11px;padding:3px 4px 4px 10px}
.sbmtRssrudybond{padding:2px}
.rudybondsubs 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='Rssrudybond'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/rudybond' 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'>Blogger Bondowoso</font>
<div class='rudybondsubs'>
<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=rudybond', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssrudybond' 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='rudybond'/>
<input name='title' type='hidden' value='rudybond'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRssrudybond' 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/rudybond'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/rudybond?bg=99CCFF&fg=444444&anim=1' style='border:0' width='88'/></a>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>
<!-- End Artikel Berlangganan -->
Keterangan :
Teks warna merah, ganti dengan nama feedburner anda dan nama blog anda
6. Simpan template
Silahkan dicoba Cara Memasang Email Subscribe di Bawah Postingan, semoga bermanfaat.
COMMENTS