Thursday, December 29, 2016

Membuat Form Langganan / Feedburner di Blog

Hallo sobat smart, pada kesempatan kali ini saya ingin berbagi tutorial membuat form langganan atau feedburner pada blog atau website dengan mudah. Membuat form berlangganan pada sebuah blog juga salah satu hal yang penting lho.. untuk menaikan traffic blog kita, apalagi jika kita bisa menarik hati pengunjung dengan konten blog kita yang berkualitas sehingga pengunjung berkeinginan untuk mendapatkan update artikel terbaru blog kita.
Namun sebelum itu kita harus mendaftarkan dulu blog kita ke Google feedburner, buat sobat yang belum tau bagaimana mendaftarkan blog ke google feedburner sobat bisa baca dulu artikel tentang Bagaimana mendaftarkan blog ke google feedbuner.



Jika blog sobat telah berhasil terdaftar feedburner, maka selanjutnya kita memasang form tersebut ke widget blog kita, caranya sobat bisa mengikuti langkah-langkah dibawah.


1. Buka akun Blog sobat di Blogger.com

2. Pilih template, edit HTML gunakan tombol CTRL+F untuk mencari kode ]]></b:skin>
Lalu copy semua script dibawah dan tempel diatas ]]></b:skin>.


.form { border:1px solid #ccc; /* warna garis pinggir form */ background: #ffffff /* warna background form */ padding:3px; /* spasi form */ width:100%; /* panjang form */ height:auto /* tinggi form */ } .rss { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ_BakjxE9Fd7aqFogAz56asiY2vivtkX-pru9X8qm_lNT4sUqBTdFupQJD1fTOpOQcMQ-XWlayEJU1p4f5rbi5HKo3n1CSH_OOKjnpEnVlB3bnKSEnxuh6xpVcRrX0ZSEhjnlTPLbBto/s200/Cara+Submit+Sitemap+Blog+ke+Google+Bing+Mneggunakan+Submit+RSS+3.0.png") no-repeat top right;
}

perhatikan text berwarna merah bercetak tebal diatas, itu adalah url gambar background form berlangganan, sobat bisa menggantinya dengan mengganti url tersebut dengan gambar apa saja sesuka hati sobat.


3. Pilih tata letak kemudian pilih posisi dimana sobat ingin meletakan form tersebut, bisa dipinggir atau bawah. Klik tambahkan Gadget.

4. Pilih HTML/JAVASCRIPT dan masukan semua script berwarna biru dibawah ini pada bagian konten.

<div class='form'>
<div class='rss'>
<div style='font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;'><img alt='small rss IDFeedburner' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfwHY30Ga-gGKBqtX4_kDvXLbk4IDwHK1gH1Ewgr6d4qrxsU4lPs-YMjFTmEXpf772MD6hAdoDuVLHvb-V_Xdkmq-B1iJXMjzKvj0M0u-tVbqOcAbegJpB8J327caa_DGjFoTXH-JpnR2A/s1600/small+rss.png' title='RSS Feed'/> <a href='https://tentangilham.blogspot.co.id/' rel='nofollow' target='_blank'>LANGGANAN ARTIKEL</a></div>
<div style='font-weight:bold; padding:10px 10px;'>DAPATKAN UPDATE ARTIKEL TERBARU</div>
<div style='padding-left:10px'>masukan email sobat disini & klik langganan</div>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=IDFeedburner&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><div style='padding-left:10px; padding-bottom:10px; padding-top:10px'><input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}' onfocus='if (this.value == &quot;Ketik email anda disini...&quot;) {this.value = &quot;&quot;}' style='width:160px; height:18px' type='text' value='Ketik email anda disini...'/> <input name='uri' type='hidden' value=IDFeedburner'/><input name='loc' type='hidden' value='en_US'/><input class='button' type='submit' value='LANGGANAN'/></div></form>
<div style='padding-left:10px'><p><a href='http://feeds.feedburner.com/IDFeedburner' rel='nofollow'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/IDFeedburner?bg=FF6600&amp;fg=FFFFFF&amp;anim=1' style='border:0' width='88'/></a></p></div>
</div></div>


Perhatikan text berwarna merah dan bercetak tebal diatas, ganti text tersebut dengan ID feedburner sobat. cara mengetahui ID feedburner adalah buka akun feedburner sobat klik nama blog yang sudah didaftarkan kemudian pilih edit feed detail. ID feedburner sobat adalah text yang ada di textbox feed address.


5. klik simpan, dan simpan setelan kemudian lihat kembali tampilan blog sobat.


catatan: perhatikan script yang sobat copy kan diatas, mohon maaf bukan bermaksud menjelekan atau menjatuhkan blog lain, ini supaya sobat semua lebih teliti meskipun kita tidak mengenal bahasa pemograman html/javascript, namun kita juga harus teliti jangan asal copas juga. Tutorial yang bagus adalah tutorial yang menjelaskan setiap apa yang dia tulis sedetail-detailnya. tidak sedikit tutorial diluar sana menyediakan script yang nyatanya mengarah ke url nya sendiri, dan karena kita orang awam kitanya mau-mau saja karena ya kita anggapannya itu benar.
Tutorial ini pun tidak bisa saya jamin kebenarannya, namun sobat bisa mencoba mengetesnya sendiri.

Lalu bagaimana cek kebenaran script yang kita copy? apa harus belajar bahasa pemograman dulu?

Jawabannya iya, kalau memang kita ingin terjun ke dunia blogger ya mau tidak mau kita setidaknya mengenal bahasa pemograman web, tapi jika kita benar-benar tidak bisa untuk belajar bahasa pemogramannya setidaknya kita jangan asal copas saja. Coba running kembali apakah benar script yang kita copas, dan apakah memang itu untuk keuntungan kita atau malah untuk orang lain.

Coba jalankan program langganan tadi, ketikan email kita sendiri untuk pengetesan dan klik langganan.

Apakah benar itu untuk Subscribe blog sobat, jika iya klik complete subscription request.

kemudian cek kotak masuk email sobat, cek kembali, jika benar klik url untuk memverifikasi berlangganan sobat terhadap blog tersebut.

Cobalah sobat buat sebuah artikel baru kemudian publishkan. jika ada pemberitahuan tentang posting baru blog sobat melalui email, itu artinya sobat telah berhasil membuat form langganan atau feedburner di blog sobat.

Itulah langkah-langkah bagaimana cara membuat form langganan atau feedburner pada blog dengan mudah. semoga blog kita bisa terus menjadi lebih baik lagi dan memiliki pelanggan setia yang banyak tentunya. sampai bertemu di artikel selanjutnya.
salam blogger

No comments:

Post a Comment