Blog Khusus Membahas Tentang Tutorial, Tips dan Trik Seputar Blog Di BlogspotDotCom


29 Mar 2011

Membuat Form Berlangganan Email, Dibawah Posting Blog

| 29 Mar 2011
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.... :)

Related Posts

28 komentar:

  1. Assalamu'alaikum...
    mampir ya pak guru viyan... artikel baru nih!!! mantap!!! numpang COPAS ya... hehehehe...

    ah, ane cuma guru honorer. enta dah pns ya? kalo dah alhamdulillah, kalo belum ya... cukup bersabar. ntar ada waktunya ya mas viyan...

    btw, ada bisnis online nih pak guru viyan..., coba diklik n dipelajar. langsung klik, gpl: http://www.asetmandiri.com/?reff=rohadi10
    (waduh..., kok saya malah promo ya. hehehe)

    ya..., itung2 semoga kita sesama blogger bisa sukses baik di dunia maya maupun nyata. betul gak pak guru?

    idih..., kok kelamaan ya? btw busway, sukses selalu dah buat pak guru. mantap!!!!

    maaf nih, pagi2 malah berkunjung.

    salam blogger,


    wassalam

    BalasHapus
  2. @My Sceal: Wa'alaikumsalam....

    whehe,, makasih bnyak neh sebelumnya pak guru :D
    Sama, saya jg belum jdi PNS mas... hehe
    yoi sukses jg buat pak guru, langsung ke tkp dah... \m/

    BalasHapus
  3. Sobatt.. kalo FEED itu sama aja dengan RSS yach coz aku ga' punya FEED..??

    BalasHapus
  4. @zhanaz45: Wew.. RSS Feed : kalo di baca pengertiannya pasti faham sob :D
    sama sob ??

    BalasHapus
  5. Siiiiiiiip, mantap! dah di coba dan berhasil!! Lanjutkan .... sob!

    BalasHapus
  6. mantap banget...
    pergi ke tkp dulu yah :)

    BalasHapus
  7. @na2ngismail + @Blog's Teguh: Ok Sob, Thank...

    BalasHapus
  8. om aqw koq g bisa muncul yang di bawahnya ada kotak kecil itu lho ,, kayak punyanya kk??

    BalasHapus
  9. @Imaduddin: Ohh, maksudnya kotak rss itu??
    buat dulu rss feed-nya sob, caranya coba dimari:

    http://kode-blogger.blogspot.com/2011/03/membuat-rss-feed-dengan-feedburner.html

    BalasHapus
  10. oya aqw jga mau tanya buat winamp yang otomatis nyala tapi bisa kelihatan itu gmna y ,,, thanks before

    BalasHapus
  11. thanks tricknya... numpang copas n ubah sedikit ya... ^_^ http://idoodie.blogspot.com

    BalasHapus
  12. @Imaduddin: Terus Prgi Ke Publicize, dan pilih FeedCount.
    Selanjutnya tinggal copy kode HTML-nya dan Paste pada blog sobat. Finish...

    Untuk Winamp Coba cari di google kan banyak caranya sob ??

    @HeDoDi: Ok Sama2 Sob

    BalasHapus
  13. om caranya memplubikasikan web kita ke facebook ato twitter gmna y thanks be4,,,

    BalasHapus
  14. oya dan memberikan yang kayak:
    Terimakasih Untuk Komentar Teman-teman Pada Artikel Ini... by Viyan Pradita

    muncul setelah oran gposting tuh gmna y,,,,

    BalasHapus
  15. @Imaduddin: Untuk memplubikasikan artikel blog ke facebook/twitter maksudnya?? sebenernya semua uah ada pengaturannya difacebook/twitter, di facebook kita bisa lewat app facebook yaitu "NetworkBlog" kalo di twitter, ada di seeting/pengaturan. ribet jg kalo dijelasin :D

    Untuk membuat Membuat Teks Ucapan Terimakasih Untuk Komentator di Form Komentar bisa dilihat disini:
    http://kode-blogger.blogspot.com/2011/05/membuat-teks-ucapan-terimakasih-untuk.html

    BalasHapus
  16. Keren sob trick nya...cantik banget hasilnya. Ane langsung praktekkian.
    Trims banyak y. Salam kenal

    BalasHapus
  17. Sangat membantu gan,,,,
    nice share.... :D

    BalasHapus
  18. @Insanitis : Yoi, sama2 sob, lam kenal juga :)

    @Cinema 88 : Makasih Buat Komentarnya sob ??

    BalasHapus
  19. siip bro... bru tahu saya!

    saya udh lama pngen psang ini tpi gk tahu caranya...

    thanks ya bro!

    BalasHapus
  20. bro cara bikin anda sedang membaca artikel tu gmna kyk yg ada di bwh postingan agan.

    maklum msh belajar ;))

    BalasHapus
  21. thanks bro infonya. ijin nyimak yah...

    BalasHapus
  22. Nah.. ktemu jga akhrnya, thank ea bro ;)..

    BalasHapus
  23. Gan, Ane lg praktekin dan ada hmbatan nih. Kode yg prtama udah keisi ama script iklan. Kode yg ke-2 aq cari2 ada bnyk tp ga ketemu yg sm persis. Gmn tuh gan...tolong pencerahanx. Thanks!

    BalasHapus

Catatan:
Link hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS DI SINI...</i>