Home / WordPress / Cara Pasang FeedBurner Di WordPress Dengan Form Menarik

Cara Pasang FeedBurner Di WordPress Dengan Form Menarik

Cara Pasang FeedBurner Di WordPress – FeedBurner adalah situs yang memberikan layanan dalam hal sindikasi atau feed. Adapun fungsi form berlangganan FeedBurner ini adalah untuk memudahkan setiap pengunjung blog jika ingin berlangganan artikel blog. Dimana setiap pengunjung blog yang sudah terdaftar akan mendapatkan informasi dari setiap update posting blog yang dikirim melalui email mereka.

Baca Juga : Cara Mudah Pasang Kode Warna di Blog WordPress

Sebelum membahas cara pasang FeedBurner di WordPress, blog Anda harus sudah terdaftar di FeedBurner. Cara daftar blog di FeedBurner sangat mudah, dan Anda tidak perlu membuat account baru jika Anda sudah memiliki Account Google. Karena FeedBurner masih keluarga Google, dengan demikian memakai Account Google-pun blog kita bisa didaftarkan di FeedBurner tanpa harus membuat account baru.

Cara Daftar Blog Di FeedBurner

Cara Daftar Blog Di FeedBurner langkah-langkahnya adalah sebagai berikut : Kunjungi halaman feedburner.com dan otomatis Anda akan dihadapkan ke halaman FeedBurner keluarga mbah Google. Setelah halaman FeedBurner tampil, silahkan login dengan Account Google Anda, jika belum mempunyai Account Google juga, daftar dulu di Google (One account. All of Google).

Dihalaman awal FeedBurner, setelah Anda Login dengan Account Google, ketik URL Blog Anda pada kolom Burn a feed right this instant. yang akan didaftarkan di FeedBurner dengan format http://nama-domain-blog-anda/feeds/post/default lalu klik Next >>

Cara Pasang FeedBurner Di WordPress 1

Sekarang yang tampil di halaman FeedBurner adalah, Feed Title dan Feed Address. Silahkan isi sesuai dengan keinginan Anda. Contoh Feed Title : Berbagi Info & Tips Trik Menarik dan Feed Addrees : InfoMenarik dengan otomatis alamat Feed nantinya adalah : http://feeds.feedburner.com/infomenarik/ selanjutnya klik Next >>

Cara Pasang FeedBurner Di WordPress 2

Selamat! Sekarang blog Anda sudah terdaftar di FeedBurner. Langkah selanjutnya, Anda tinggal memodifikasi halaman FeedBurner Anda sesuai kebutuhan.

Cara Pasang FeedBurner Di WordPress 3

Untuk hubungannya dengan artikel cara pasang FeedBurner di WordPress maka langkah Anda yang harus dilakukan setelah blog Anda terdaftar di FeedBurner adalah : Masih di halaman FeedBurner klik menu Publicize dan submenu Email Subscriptions terakhir klik Activate. Menu ini fungsinya untuk mengaktifkan Email Form Berlangganan FeedBurner blog Anda.

Cara Pasang FeedBurner Di WordPress 4

Agar Form Berlangganan FeedBurner Anda lebih menarik, aktifkan juga Widget Penghitung Visitor Blog Anda nantinya. Cara mengaktifkan widget penghitung visitor adalah : Masih di halaman FeedBurner dan menu Publicize lalu klik submenu FeedCount terakhir klik Activate. Silahkan Anda pilih Style FeedCount FeedBurner sesuai selera Anda. Di Style FeedCount FeedBurner, Anda bisa memilih style Static dan Animated. Dan juga Anda bisa menentukan pilihan warna di Color scheme. Jika sudah selesai, klik Save.

Cara Pasang FeedBurner Di WordPress 5

Cara Pasang FeedBurner Di WordPress.com

Untuk WordPress.com, berbeda caranya dengan WordPress.org (Domain TLD). Karena kode form berlangganan FeedBurner berisi kode Javasciprt. Sedangkan WordPress.com haram hukumnya jika WordPress dipasang kode yang berisi Javascript. Tapi jangan patah semangat dulu, banyak jalan menuju roma. Walaupun form berlangganan FeedBurner tidak bisa kita pasang di blog WordPress.com, kita bisa sedikit mengakalinya dengan memakai kode yang sah menurut WordPress.com. Dan ini tidak kalah menarik dengan form berlangganan FeedBurner Javascript.

Lalu kode yang Anda butuhkan untuk memasang form berlangganan FeedBurner di WordPress.com adalah sebagai berikut :

<div style="border:3px solid #9fb6cd;border-top-left-radius:25px;border-bottom-right-radius:25px;text-align:center;height:175px;background:#ffffff url('https://fileinfomenarik.files.wordpress.com/2015/12/feedburner-infomenarik.png') no-repeat right bottom;padding:10px;">
<span style="color:#000000;">Jika Anda menyukai artikel di blog ini, silahkan klik tombol <strong>CLICK HERE</strong> lalu input Email Anda pada Form yang disediakan. Dengan begitu, Anda akan berlangganan setiap update artikel terbaru saya gratis via FeedBurner ke Email Anda.</span><br><br><a href="http://feedburner.google.com/fb/a/mailverify?uri=infomenarikuptodate" target="_blank"><img class="aligncenter" src="https://fileinfomenarik.files.wordpress.com/2015/12/click-infomenarik.jpg" alt="feedburner" /></a><br><a href="http://feeds.feedburner.com/infomenarikuptodate"><img style="border:0;" src="http://feeds.feedburner.com/~fc/infomenarikuptodate?bg=FF9933&amp;fg=000000&amp;anim=1" alt="" width="88" height="26" /></a></div>

Silahkan Anda copy dan paste kode diatas di widget text untuk ditempatkan di sidebar blog WordPress Anda. atau paste di halaman posting untuk disisipkan di artikel blog WordPress Anda. Dan setiap tulisan yang berwarna merah, silahkan Anda rubah dengan ID FeedBurner atau Feed Address yang Anda dapatkan ketika daftar blog di FeedBurner.

Contoh tampilannya seperti dibawah ini, saya sarankan Anda untuk melakukan modifikasi lagi agar tampilan Form Berlangganan FeedBurnernya lebih menarik.

Jika Anda menyukai artikel di blog ini, silahkan klik tombol CLICK HERE lalu input Email Anda pada Form yang disediakan. Dengan begitu, Anda akan berlangganan setiap update artikel terbaru saya gratis via FeedBurner ke Email Anda.

feedburner

Cara Pasang FeedBurner Di WordPress.org (Domain TLD)

Untuk WordPress.org, Anda bisa juga menerapkan seperti trik diatas. Namun Anda bisa juga memasang form berlangganan FeedBurner dengan kode Javascript. Contoh kodenya adalah seperti berikut :

<form id="feedburnerform" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=infomenarikuptodate', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
 <p>Jika Anda menyukai artikel di blog ini, silahkan input Email Anda pada Form yang disediakan, lalu <strong>Klik Untuk Berlangganan</strong>. Dengan begitu, Anda akan berlangganan setiap update artikel terbaru saya gratis via FeedBurner ke Email Anda.</p>
 <p><input name="email" class="txt" id="feedburneremail" value="" aria-required="true" type="text"><input type="hidden" value="infomenarikuptodate" name="uri"/><input type="hidden" name="loc" value="en_US"/><input name="submit" id="feedburnersubmit" value="Klik Untuk Berlangganan" type="submit"></p>
 <p><a href="http://feeds.feedburner.com/infomenarikuptodate "><img src="http://feeds.feedburner.com/~fc/infomenarikuptodate?bg=99CCFF&amp;fg=444444&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a></p>
 </form>

Anda copy dan paste kode diatas di widget text untuk ditempatkan di sidebar blog WordPress Anda. atau paste di themes editor single.php untuk disisipkan di bawah artikel tulisan blog WordPress.org Anda. Dan rubah juga ID FeedBurner atau Feed Address yang terletak pada kode tersebut diatas.

Contoh tampilannya seperti dibawah ini, saya sarankan juga agar Anda untuk melakukan modifikasi lagi. Supaya tampilan form berlangganan FeedBurnernya lebih menarik.

Jika Anda menyukai artikel di blog ini, silahkan input Email Anda pada Form yang disediakan, lalu Klik Untuk Berlangganan. Dengan begitu, Anda akan berlangganan setiap update artikel terbaru saya gratis via FeedBurner ke Email Anda.

Lalu copy paste style berikut di style.css WordPress Anda :

#feedburnerform {
 border:2px solid #9fb6cd;
 padding:10px;
 height:175px;
 border-radius:15px;
 background:#ffffff url('https://fileinfomenarik.files.wordpress.com/2015/12/feedburner-infomenarik.png') no-repeat right bottom;
 }
 #feedburnerform input#feedburneremail:focus {
 border-color: #C6DFF1;
 background: none repeat scroll 0% 0% #F8FFFF;
 }
 #feedburnerform input#feedburneremail {
 border: 1px solid #C6DFF1;
 font-size: 14px;
 }
 #feedburnerform input#feedburnersubmit {
 background:#383D45;
 border:1px;
 color:white;
 font-size: 14px;
 height: 35px;
 text-transform: uppercase;
 cursor:pointer;
 transition:all 0.2s linear 0s;
 }
 #feedburnerform input#feedburnersubmit:hover {
 background:#526F94;
 }

Sekarang blog Anda sudah ada form berlangganan Feed Burner dengan form yang menarik.

About InfoMenarik

Berbagi Info & Tips Trik Menarik tentang Seputar EPS-Topik Korea, Kesehatan, Microsoft Office, Pendidikan, Photoshop, Software, Teknologi, WordPress Terlengkap dan Gratis.

17 comments

  1. Terimakasih mas sudah share sangat bermanfaat khussnya bagi saya, tadinya mau terapkan di blog saya tapi pas lihat di widget sudah ada dari plugin jetpack. lumayan ngirit css biar gak trlalu berat reloadnya. hehe

    • Betul sekali mas, jika ada solusi terbaik maka pakai saja cara itu. Langkah ini hanya untuk mereka yang kesulitan dan belum mengetahui cara praktisnya.

  2. thanks tutorialnya bermanfaat.
    ngomong-ngomong ada plugin khusus ga sih kalo di wordpress selain jetpack ??
    ane coba feedburner plugin..tapi ga work

    • Kalau mau pakai plugin coba cek di daftar plugin > baru saja gan dengan kata kunci “feed”. Tapi kenapa menggunakan plugin? Bukankah itu akan memberatkan web?

  3. terimakasih mas bro untuk tipsnya sangat membantu sekali. klo untuk pake plugin apakah bisa mas, nama pluginnya apa ya, terimakasih

    • Plugin untuk memasang FeedBurner di WordPress, mas bisa search sendiri di deretan Plugin dengan kata kunci “FeedBurner”

  4. Kang Na2ngismail

    Wah …. Ini dia yang saya cari. Artikel yag bermanfaat. Langsung praktek ah. Thx, Sob atas tipsnya!

  5. saya kok gagal terus ya gan
    notifikasi yang keluar kaya gini

    “Not found” while fetching source feed

    • Mas sudah daftar atau mempunyai akun di Feedburner kan? Itu adalah pesan error gagal melakukan Fetch. Coba jangan dulu melakukan perubahan apapun, atau gunakan saja dulu kode diatas!

  6. Asik akhirnya dari sekian banyak artikel ini 100% works thanks gan Artikel nya mudah di cerna… Mungkin mau kunbal di Blog baru ane… gudangiftek.blogspot.com

  7. Terima kasih Mas Bro
    Sudah terpasang
    Tapi gimana caranya biar lebih menarik seperti punya Mas Bro diatas ya?

  8. sangat bermanfaat mas,komentar terlalu pendek silahkan menggunakan 100 kata ….hehehehehehe … hiasan ajalah ini mah

  9. Terimakasih mas tutornya kebetulan blog saya belum pakai feedburner. sepertinya untuk di wordpress lebih baik pakai plugin aja ya

  10. WoW terimakasih Gan infonya lagi mencari banget ini artikel, penjelasannya asik dan mudah di pahami buat pemula seperti saya hehe ..

  11. walah aku muter2 cari artikel seperti ini,yang lain pada gak jelas memberi info nya,tapi posting ini yang ada di website ini sangat jelas..sangat membantu terimakasih lur

Leave a Reply

Your email address will not be published. Required fields are marked *