Cara Membuat News Update dengan gAjax RSS Ticker Pada Blog Atau Website anda 0

Jika anda pernah berkunjung kesebuah alamat blog atau website mungkin anda pernah melihat berita terbaru (news update) dari blog atau website yang anda kunjungi yang tampil dengan slide show (lihat contoh disini pada sidebar kanan bawah betuliskan Info Terbaru)dan jika anda ingin membuatnya kali ini saya akan berbagi tentang cara pembuatannya.

Dan adapun lanngkah - langkahnya sebagai berikut :

1.Seperti biasa anda harus log in dulu ke blogger
2.Pilih layout
3.Kemudian pilih edit HTML
4.centang Expand Widget Templates dan backup dulu templete anda (untuk menghindari apabila terjadi kesalahan)
5.Copy code dibawah ini dan pastekan diatas code </head> atau di bawah code ]]></b:skin>

<script src='http://www.google.com/jsapi?key=ABQIAAAA_neGva94zLn_lXNcddYHlRSbFday0at-BAl03QRsof0_M6Lq0BS_LgHdGAxNQteuPTjyVsq9aG687w' type='text/javascript'/></script>
<script src='http://rss-feed-fecher.googlecode.com/files/gfeedfetcher.js' type='text/javascript'/>
</script>
<script src='http://rss-feed-fecher.googlecode.com/files/gfeedfetcher.js' type='text/javascript'>
</script>

yang berwarna hijau merupakan API key ganti dengan API key anda dan anda bisa mendapatkannya di Alamat INI

6.Untuk css code anda bisa menggunakan code css di bawah ini copy dan pastekan diatas
]]></b:skin>

#example2{
width: 290px;
height: 301px;
border: 5px dashed darkblue;
padding: 4px;
background-color: #EEEEEE;
}

#example2 ul{
margin: 0;
padding-left: 18px;
}

#example2 ul li{ /*Demo 2 LI that surrounds each entry*/
margin-bottom: 4px;
}
code{ /*CSS for insructions*/
color: red;
}

7.Untuk menampilkan News update pada blog anda anda bisa copy kode di bawah ini dan pastekan pada sidebar anda

<script type="text/javascript">

var socialfeed=new gfeedrssticker("example2", "example2class", 3000, "")
socialfeed.addFeed("BP", "http://bambangpage.blogspot.com/rss.xml") //Specify "label" plus URL to RSS feed
socialfeed.addFeed("Cilimoes", "http://cilimoes.blogspot.com/rss.xml") //Specify "label" plus URL to RSS feed
socialfeed.displayoptions("label datetime") //show the specified additional fields
socialfeed.setentrycontainer("li") //Display each entry as a DIV
socialfeed.filterfeed(20, "label") //Show 15 entries, sort by label
socialfeed.entries_per_page(5)
socialfeed.init() //Always call this last

</script>

Ganti tulisan yang berwarna biru pada code di atas dengan alamat blog anda selamat mencoba dan semoga bermanfaat...