Embed Viva News untuk Blogspot dan Wordpres

Satu lagi widget rss feed berita yang sumbernya saya ambil dari rss feed viva news, widget ini menggunakan rsspump untuk mengambil headline title viva news kemudian dengan sedikit polesan kode html untuk menambah daya tarik tampilan widget.

Untuk teknis pemasangan widget vivanews pada blog, berikut ada 2 macam cara tergantung pada engine blog yang di gunakan.

Cara Pasang Widget  
Untuk engine blogspot lakukan langkah sebagai berikut:

• Seperti biasa ... Login dahulu ke blog anda.
• KLIK "Desain" kemudian KLIK "Tambah Gadget Baru dan pilih "HTML / JavaScript".
• Copy-Paste kode HTML dibawah ini ke kotak  gadget yang tersedia.

www.zabrahkomputer.blogspot.com

<!-- ++Begin Dynamic Feed Wizard Generated Code++ --> <div id="feed-control"> <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span> </div> <!-- Google Ajax Api --> <script src="http://www.google.com/jsapi?key=notsupplied-wizard" type="text/javascript"></script> <!-- Dynamic Feed Control and Stylesheet --> <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script> <style type="text/css"> @import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css"); </style> <script type="text/javascript"> function LoadDynamicFeedControl() { var feeds = [ {title: 'VIVAnews', url: 'http://rss.vivanews.com/get/all' }]; var options = { stacked : true, horizontal : false, title : "VIVAnews" } new GFdynamicFeedControl(feeds, 'feed-control', options); } // Load the feeds API and set the onload callback. google.load('feeds', '1'); google.setOnLoadCallback(LoadDynamicFeedControl); </script> <!-- ++End Dynamic Feed Control Wizard Generated Code++ -->

• Tempatkan widget ini di atas / di bawah posting artikel agar terlihat rapih. 
• Klik "Save" dan lihat hasilnya.

Untuk engine Wordpress lakukan langkah sebagai berikut:
1. Masuk ke administrasi page.
2. Pilih tab design, atau menu design untuk update engine wordpress terakhir.
3. Kemudian pilih sub menu widget, kemudian sunting widget text dan isi judul/title dengan “Vivanews”
4. Dan isi content dengan:

www.zabrahkomputer.blogspot.com

<!-- ++Begin Dynamic Feed Wizard Generated Code++ --> <div id="feed-control"> <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span> </div> <!-- Google Ajax Api --> <script src="http://www.google.com/jsapi?key=notsupplied-wizard" type="text/javascript"></script> <!-- Dynamic Feed Control and Stylesheet --> <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script> <style type="text/css"> @import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css"); </style> <script type="text/javascript"> function LoadDynamicFeedControl() { var feeds = [ {title: 'VIVAnews', url: 'http://rss.vivanews.com/get/all' }]; var options = { stacked : true, horizontal : false, title : "VIVAnews" } new GFdynamicFeedControl(feeds, 'feed-control', options); } // Load the feeds API and set the onload callback. google.load('feeds', '1'); google.setOnLoadCallback(LoadDynamicFeedControl); </script> <!-- ++End Dynamic Feed Control Wizard Generated Code++ -->

5. Kemudian tekan tombol change/update.
6. Simpan seluruh perubahan dan buka kembali blog anda melalui browser.

Semoga membantu.