Tentang Ilmu Komputer, Android, Panduan Blogging dan Tips di Internet.

Membuat Widget Berlangganan Feedburner Untuk Blog

Feedburner adalah layanan umpan/feeds web dari Google. Penggunaan layanan umpan/feeds web seperti Feedburner ini bermanfaat sekali untuk SEO pada Web/Blog yang kita miliki. Selain itu dengan Feedburner ini kita juga dapat memperoleh banyak pengunjung yang membaca artikel kita. Bahkan jika para pengunjung ini menyukai artikel-artikel pada Blog kita, mereka dapat menjadi pembaca artikel berlangganan pada Blog kita lewat Feedburner ini.

Widget Berlangganan Feedburner Untuk Blog

Mereka akan menjadi langganan artikel lewat email, di mana jika kita membuat artikel baru artikel tersebut akan dikirim ke alamat email yang mereka gunakan. Namun ada juga kerugian dari penggunaan layanan umpan web ini. Media pencurian artikel menjadi semakin banyak. Selain mencuri artikel dari halaman Blog langsung juga dapat dilakukan pada halaman umpan/feeds blog kita. Apalagi dengan menggunakan sebuah Autoblog, user yang menjadi pembaca berlangganan juga dapat menjadi pencuri artikel berlangganan pada Blog kita. Ada baiknya jika sobat menggunakan layanan umpan/feeds web untuk segera Mengatasi pencurian artikel melalui layanan umpan web ini.

Untuk mempermudah pengunjung yang ingin menjadi pembaca berlangganan artikel Blog kita, kita bisa memasang sebuah widget pada Blog kita yaitu widget berlangganan feedburner. Sebelum memasang widget ini, pastinya terlebih dahulu sobat harus mendaftarkan Blog ke Google Feedburner. Pada daftar widget bawaan blogspot sendiri telah disediakan widget berlangganan feedburner ini. Namun saya kira tampilanya kurang menarik perhatian pengunjung.

Jika penilaian sobat sama dengan saya, mungkin kita harus membuat widget berlangganan feedburner ini yang lebih cantik agar bisa menarik perhatian pengunjung. Kebetulan kali ini pun saya akan membagikan salah satu widget berlangganan feedburner dengan tampilan yang cantik karena telah dimodifikasi. Berikut penampakanya.

Widget Berlangganan Feedburner Untuk Blog

Untuk cara Membuat Widget Berlangganan Feedburner seperti tampilan di atas, ikutilah langkah-langkah berikut.

Membuat Widget Berlangganan Feedburner Untuk Blog

  • Login ke akun Blogger sobat.
  • Masuk ke bagian Template dan klik Edit HTML.
  • Dengan Menggunakan tombol ctrl+F, carilah kode ]]></b:skin> dan letakan kode berikut di atas kode ]]></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("http://2.bp.blogspot.com/-jmuQUB4DMqQ/T0c_XbrNFNI/AAAAAAAAANA/MkkIRrGu7Xg/s200/Cara+Submit+Sitemap+Blog+ke+Google+Bing+Mneggunakan+Submit+RSS+3.0.png") no-repeat top right;
}

  • Kode berwarna merah itu adalah gambar background pada widget, yaitu gambar orang yang sedang membaca koran Feedburner. Sobat bisa mengubah gambar background tersebut.
  • Masih banyak pengaturan tampilan lain yang bisa sobat ubah.
  • Jika telah selesai, maka klik Simpan Template.
  • Selanjutnya masuk ka bagian Tata Letak.
  • Klik Tambahkan gadget di posisi yang sobat inginkan.
  • Pilih mode HTML/Javascript dan masukanlah kode berikut.


<div class="form">
<div class="rss">
<div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><img src="http://1.bp.blogspot.com/-FOGTDw0Cxh8/TwXY4E-RYeI/AAAAAAAAAU0/EmR05E07EHc/s1600/small+rss.png" alt="small rss IDFEEDBURNER" title="RSS Feed"/>
<a href="http://feeds.feedburner.com/IDFEEDBURNER" rel="nofollow" target="_blank">LANGGANAN ARTIKEL</a></div>
<div style="font-weight:bold; padding:10px 10px;">GET UPDATE VIA EMAIL</div>
<div style="padding-left:10px">Berlangganan artikel via email!</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=IDFEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" 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;}" value="Ketik email anda disini..." /> <input type="hidden" value="IDFEEDBURNER" name="uri" />
<input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>
<div style="padding-left:10px"><p><a href="http://feeds.feedburner.com/IDFEEDBURNER" rel="nofollow" ><img src="http://feeds.feedburner.com/~fc/IDFEEDBURNER?bg=FF6600&amp;fg=FFFFFF&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a></p></div>
</div></div>

  • Kode berwarna oranye sobat ubah dengan ID Feedburner pada Blog sobat. Jika sobat tidak mengetahui ID nya, silakan kunjungi artikel mendaftarkan Blog ke google Feddburner untuk cara mengetahuinya.
  • Jika telah selesai, klik Simpan.
Selesai. Dengan terpasangnya widget ini, maka akan mempermudah pengunjung yang ingin menjadi pembaca berlangganan artikel Blog kita.

Artikel terkait : Membuat Widget Berlangganan Feedburner Untuk Blog

Artikel Blog Regi Brader Lainnya :

15 komentar:

  1. Cantik tampilan widget berlangganannya mas khusus blogspot mudahan tambah banyak ini yang berlangganan artikelnya.

    ReplyDelete
  2. saya coba bos, THANKS http://profesor-for-all.blogspot.com/

    ReplyDelete
  3. Ok nich, tutornya manjur!!!
    boleh kunjungan balikny, thanks.

    ReplyDelete
  4. trimakasih gan sukses saya terapkan di

    http://handexcel.blogspot.com/

    ReplyDelete
  5. Nice share gan, Thanks

    Mampir: http://abdeeneugara.blogspot.com/2014/06/beginilah-kalau-programmer-jadi-presiden.html

    ReplyDelete
  6. terimakasih tutorialnya
    http://www.saifulcomelektronik.com/

    ReplyDelete
  7. sip gan artikelnya, saya share saja bagi yang kurang paham atau yang gagal berkunjung kesini Cara Membuat Widget Berlangganan Artikel Blog http://kampusminiuntuksukses.blogspot.com/2014/12/cara-memasang-widget-berlangganan.html

    ReplyDelete
  8. Izin mampir agan :)
    http://goo.gl/mgBCnM

    ReplyDelete
  9. Blogwalking gan hehe https://smandamania05.blogspot.com/

    ReplyDelete
  10. Udah saya terapin gan, sukses.
    http://gradesku.blogspot.com/

    ReplyDelete
  11. Keren.. Ini hasilnya www.taufik.co.id

    ReplyDelete
  12. itu jadi satu kan gan script nya

    ReplyDelete
    Replies
    1. iya gan, terima kasih. Berkat agan komen di artikel ini, masalah penulisan script pada posting bisa segera saya perbaiki

      Delete

Copyright © 2013-2016 Blog Regi Brader - All Right Reserved