Cara Membuat Headline News Recent Post Blog

Pada posting kali ini yang akan kita buat adalah Headine news.
Headline News ini berbentuk Text Berjalan, berbentuk horizontal yang berisi postingan artikel terbaru (recent post).




Widget Headline News yang akan kita buat dengan animasi text berjalan (scrolling text) dimaksudkan agar semua artikel terbaru anda dapat tampil dan menarik perhatian pengunjung/pembaca.

Widget Headline News Text Berjalan memang banyak diminati oleh para blogger karena simple.

Berikut cara selengkapnya:

1. Login ke blogger

2. Masuk ke Layout -> Add Gadget -> pilih HTML/JavaScript

3. Bagian Title / Judul kosongkan saja, lalu copy-paste kode di bawah ini :

<script type="text/javascript">

var hn_url_blog = "http://nama-blog-anda.blogspot.com";

var hn_jumlah_post = 10;

var hn_warna_latar = "#000000";

var hn_warna_garis = "#FF0000";

var hn_posisi = "bottom";

var hn_tampilkan_judul = true;

var hn_backlink = true;

</script>

<script src="http://skripnyawbw.googlecode.com/files/headlinenews.js">

</script>

..................................................................


Pejelasan dari variabel-variabel di atas :

- hn_pada teks berwarna merah silahkan diganti dengan URL blog kamu.contoh http://apasihberuetz.blogspot.com/

- hn_jumlah_post adalah jumlah judul artikel yang ingin ditampilkan pada headline news.

- hn_warna_latar adalah kode warna untuk latar belakang headline news. (

- hn_warna_garis adalah kode warna untuk garis bingkai/border headline news.

- hn_posisi menentukan posisi headline news anda apakah di atas ("top") atau di bawah ("bottom"),

- hn_tampilkan_judul bernilai true jika anda ingin menampilkan tulisan "Headline news of Blog Anda" di bagian kiri dan bernilai false jika tidak ingin menampilkannya,

- hn_backlink bernilai true jika anda ingin menampilkan backlink ke blog saya dan false jika tidak.

4. Klik Simpan. Lihat hasilnya.

Selamat mencoba dan enjoy....