Membuat Headline News Blog

Kali ini aku akan membahas tentang membuat headline news untuk blog. Sesuai namanya, widget headline news ini menampilkan judul serta link artikel-artikel terbaru dari blog kamu di bagian atas atau bawah blog kamu.
Kamu bisa lihat contoh gambarnya di bawah:


Judul-judul artikel pada headline news tersebut bergerak, sehingga lebih menarik perhatian pembaca.

Caranya:

1. Masuk ke account Blogger kamu, pilih "Layout" - "Page Elements",
2. Klik "Add a Gadget" dan pilih "HTML/JavaScript",
3. Tidak usah diberi judul, kemudian copy-paste kode di bawah ini:

<script type="text/javascript">
 var hn_url_blog = "http://BLOGKAMU.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="http://copycat91.googlecode.com/svn/trunk/headlinenews.js">
</script>

4. Berikut adalah penjelasan tentang variabel-variabel di atas:
   
   
   • hn_url_blog adalah URL blog kamu (widget ini hanya untuk pengguna blogger).
   • hn_jumlah_post adalah jumlah judul artikel yang ingin kamu tampilkan pada headline news.
   • hn_warna_latar adalah kode warna untuk latar belakang headline news. (Baca artikel kode hex warna di sini)
   • hn_warna_garis adalah kode warna untuk garis bingkai/border headline news. (Baca artikel kode hex warna di sini)
   • hn_posisi menentukan posisi headline news kamu apakah di atas ("top") atau di bawah ("bottom"),
   • hn_tampilkan_judul bernilai true kalau kamu ingin menampilkan tulisan "Headline news of BLOGKAMU" di bagian kiri dan bernilai false jika tidak ingin menampilkannya,
   • hn_backlink bernilai true kalau kamu ingin menampilkan backlink ke blog ini dan false jika tidak.

Selamat mencoba dan semoga bermanfaat!