Membuat Form Berlangganan Email, Dibawah Posting Blog

Advertisemen
Karna ada yang Request again, untuk Membuat Form Berlangganan Email dibawah posting, jadi lanjut lagi nyokkk... :D (neh buat sobat @Zhanas45, yg rajin req di blog ane ini :D )
Cekidottt....
Yang sering di terapkan/dipasang di blog yaitu, Langganan Via Email dan RSS Feed, bagaimana cara mambuatnya ?? Ok... berikut langkahnya untuk membuat Formberlangganan email dibawah posting :

screenshot

Sebelum Membuat Form Berlangganan Email Via FeedBurner.
  • Login ke feedburner Sobat
  • Masuk ke pengaturan "Publicize"
  • Klik "Email Subscriptions"
  • Langsung saja Klik Tombol "Active"
  • nah setelah itu akan muncuk form baru yaitu "Subscription Management"
  • Copy -lah kode yang muncul dibawahnya (itu merupakan kode buat form berlangganan via email) yang nantinya akan kita pasang di blog kita.

Tapi kalo gak mau susah-sasah dengan cara diatas sobat bisa ikuti langkah berikut, Lanjut...
  • Login ke blogger sobat
  • Masuk Rancangan/Design
  • Pilih Edit HTML
  • Ceklist pada "expand template widget"
  • Carilah Kode berikut:

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> taruh kode disini </b:if>

  • Bila dalam kode di atas sudah sobat taruh dengan script lainnya, sobat bisa taruh kode feed dibawah kode berikut:

<div class='post-footer'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
taruh kode disini

  • Lalu copy pastekan kode berikut di bawah kode diatas:

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Nama_FEED_SOBAT&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border: 1px solid rgb(204, 204, 204); padding: 10px; text-align: left; background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3GQoYfXO6ms6LbMftik9UQf8YFt3XG5QH7mYjLQu5FDnLg2irEPfvS4zUI5QG8DZ8mpXovqxI7J4_KQSorqrUKSZ0gWofT_QZhSIFCYeU0w43LbFEZOSR3_eiGYT7zl7SjSGVO6cNwhhJ/s400/feedreader_2.jpg&quot;) no-repeat scroll right center rgb(255, 255, 255);' target='popupwindow'><input name='loc' type='hidden' value='en_US'/><input name='uri' type='hidden' value='Nama_FEED_SOBAT'/><p style='text-align:justify;'><p><font color='#000000'><b>Stay updates with this blog!</b> By entering your email address below, then you will get free email newsletter updates from this blog.</font></p><br/><p><p><input class='inputbox' name='email' style='width:300px;' type='text'/><input name='uri' type='hidden' value='Nama_FEED_SOBAT'/><input name='loc' type='hidden' value='en_US'/><input class='button2' type='submit' value='Subscribe'/></p><a href='http://feeds.feedburner.com/Nama_FEED_SOBAT'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/Nama_FEED_SOBAT?bg=FF8000&amp;fg=444444&amp;anim=1' style='border:0' width='88'/></a></p></p><p/><p/></form>

  • Save Template

Penting!!

Perhatikah text yang diberi warna pada kode di atas:
Warna Biru, itu adalah nama feed sobat, gantilah dengan nama feed sobat.
Warna Merah, itu adalah background dari form berlangganan. bisa sobat ganti, sesuai keinginan sobat.
Warna Orange, adalah kata2 yang bisa sobat ganti semau sobat.
Untuk penempatan kode, silahkan sesuaikan dengan template sobat masing-masing.

Sekian terimakasih, dan selamat mencoba.... :)
Advertisemen

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Related Posts
Disqus Comments