Cara EMbed Berita VIVAnews

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

Untuk engine google atau blogspot.com:
1. Pada administrasi blog pilih tab tata letak.
2. Kemudian klik add gadget/ tambah gadget yang akan memunculkan window baru.
3. Pilih HTML/javascript
4. Isi judul dengan “Vivanews”, dan isi content dengan script berikut:

<!-- ++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. Tekan tombol simpan. Window akan tertutup dan kembali ke halaman tata letak.

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:

<!-- ++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.