Membuat Headline News Di Blogspot Dengan Javascript

Pernah Sobat lihat kan di sebuah situs blog atau di situs web lain, ada sebuah bar kecil yang berisikan berita/postingan terUpdate dari web/blog tersebut ?? sebut saja Headline News, fungsinya yang pasti untuk menampilkan judul beserta link, dari postingan yang baru saja di update, dan tentunya bisa mempermudah pengunjung untuk mengetahui berita atau postingan terbaru di blog yang dikunjunginya.

Bila masih bingung saya kasih contoh gambar si bawah ini.

Gambar

Untuk membuatnya, Ikuti langkah-langkah berikut :

• Login ke akun Blogger Sobat
• Masuk Rancangan/Tata Letak
• Tambah Widget
• Pilih HTML/Javascript
• Copy dan Paste Kode di bawah ini :

<script type="text/javascript"
> var hn_url_blog = "http://BLOG-SOBAT.blogspot.com";
var hn_jumlah_post = 5;
var hn_warna_latar = "#EEEEEE";
var hn_warna_garis = "#000000";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script> <script src=" https://sites.google.com/site/kodeblogger/javascript/Headline-kodeblogger.js "> </script>

Widget by <a href="http://kode-blogger.blogspot.com/">Kode Blogger </a></span>

• Simpan/Save

Keterangan :

Warna Merah ganti dengan alamat url blog sobat.
Warna Biru untuk memunculkan jumpah postingan yang akan di munculkan.
Warna Kuning yaitu warna background dari headline tsb.
Warna Hijau yaitu warna garis yang akan muncul di widget.
Warna Orange adalah posisi widget, terserah sobat mau ditaruh dimana, mau di atas=top, atau di bawah=bottom.

Sekian dari saya, semoga bermanfaat.