Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Membuat Widget RSS Newsfeed Blog

Membuat Widget RSS Newsfeed Blog
Apa itu RSS? RSS adalah sebuah file berformat XML untuk sindikasi yang digunakan situs web berita dan blog. RSS mengizinkan kita untuk berlangganan kepada situs web atau blog yang menyediakan umpan (feed) RSS. Blog yang dikelola biasanya isinya selalu diperbarui secara reguler dalam bentuk postingan. Untuk memanfaatkan teknologi ini kita membutuhkan layanan pengumpul. Pengumpul bisa dibayangkan sebagai kotak surat pribadi. Kita kemudian dapat mendaftar ke situs yang ingin kita tahu perubahannya.

Itu tadi bahasa dari pengertian RSS menurut wikipedianya, sekarang bahasa menurut saya sendiri. RSS itu adalah teknologi untuk berlangganan tulisan (postingan) suatu blog. Misalnya karena Belajar Ngeblog di BLOG ini bagus, saya berlangganan ah, untuk berlangganan itulah lewat RSS atau feed. Sehingga saat ada postingan yang baru, saya akan tahu. Sebuah blog yang menyediakan RSS biasanya ada link dengan sebuah tombol bertuliskan XML atau RSS.

Karena ingin berlangganan Newsfeed dari sebuah blog itu, tak jarang blogger memasang widget agar bisa selalu mengikuti posting-posting terbaru atau tidak ketinggalan. Oleh sebab itu di blogspot ataupun di wordpress ada widget RSS atau Feed. Kita bisa memasukkan URL RSS atau FEED dari sebuah blog yang ingin diikuti dalam widget dan memasangnya di blog.

Membuat Widget RSS Newsfeed Blog
Widget FEED di Blogspot
Membuat Widget RSS Newsfeed Blog
Widget RSS di Wordpress
Dan Inilah biasanya URL FEED atau RSS dari blog gratisan:
Blogger: http://kurniasepta.blogspot.com/feeds/posts/default
Blogdetik: http://kurniasepta.blogdetik.com/feed
Wordpress: http://kurniasepta.wordpress.com/feed
Tumblr: http://kurniasepta.tumblr.com/rss
Posterous: http://kurniasepta.posterous.com/rss.xml

URL Feed di atas tinggala ganti saja dengan subdomain atau disesuaikan. Selain melalui widget yang disediakan oleh platform atau mesin tempat kita ngeblog. Kita bisa juga membuat widget dalam bentuk java script. Karena memang ada keterbatasan dari widget RSS atau Feed yang disediakan oleh blogspot atau wordpress. Inilah script Widget RSS Newsfeed untuk semua layanan blog:

Script Widget RSS Newsfeed untuk Blogger/Blogspot

<script type='text/javascript' charset='utf-8' src='http://scripts.hashemian.com/jss/feed.js?print=yes&numlinks=5&summarylen=100&seedate=yes&popwin=yes&url=http:%2F%2Fkurniasepta.blogspot.com%2Ffeeds%2Fposts%2Fdefault'></script>

Script Widget RSS Newsfeed untuk Blogdetik

<script type='text/javascript' charset='utf-8' src='http://scripts.hashemian.com/jss/feed.js?print=yes&numlinks=5&summarylen=100&seedate=yes&popwin=yes&url=http:%2F%2Fkurniasepta.blogdetik.com%2Ffeed'></script>

Script Widget RSS Newsfeed untuk Wordpress

<script type='text/javascript' charset='utf-8' src='http://scripts.hashemian.com/jss/feed.js?print=yes&numlinks=5&summarylen=100&seedate=yes&popwin=yes&url=http:%2F%2Fkurniasepta.wordpress.com%2Ffeed'></script>

Script Widget RSS Newsfeed untuk Tumblr

<script type='text/javascript' charset='utf-8' src='http://scripts.hashemian.com/jss/feed.js?print=yes&numlinks=5&summarylen=100&seedate=yes&popwin=yes&url=http:%2F%2Fkurniasepta.tumblr.com%2Frss'></script>

Script Widget RSS Newsfeed untuk Posterous

 <script type='text/javascript' charset='utf-8' src='http://scripts.hashemian.com/jss/feed.js?print=yes&numlinks=5&summarylen=100&seedate=yes&popwin=yes&url=http:%2F%2Fkurniasepta.posterous.com%2Frss.xml'></script>

Keterangan:
  • numlinks=5 > 5 adalah jumlah judul yang akan ditampilkan
  • summarylen=100 > 100 adalah ringkasan atau isi awal sebanyak 100 karakter huruf yang akan ditampillkan, ganti 0 jika hanya ingin menampilkan judul saja.
  • seedate=yes > yes itu berarti kita tampilkan waktu/tanggal poastingan, ganti no jika tidak ingin menampilkan.
  • popwin=yes > yes itu berarti link akan dibuka di tab baru, ganti no jika ingin dibuka di tab yang sama.
  • ganti kurniasepta dengan subdomain blognya.
Itulah beberpa kode untuk membuat widget RSS Newsfeed dalam bentuk java script. Untuk menambahkannya kita tinggal copy paste di widget HTML/Java Script untuk di blogger.com. Jangan lupa, berlangganan RSS Newsfeed Belajar Ngeblog di BLOG (http://kurniasepta.blogspot.com/feeds/posts/default) dengan menambahkan script ini di blogmu:

<script type='text/javascript' charset='utf-8' src='http://scripts.hashemian.com/jss/feed.js?print=yes&numlinks=5&summarylen=0&seedate=no&popwin=no&url=http:%2F%2Fkurniasepta.blogspot.com%2Ffeeds%2Fposts%2Fdefault'></script>