Selasa, 30 November 2010

Membuat Headline News Pada Blog

Apa itu head line news? Yang dimaksud head line news di sini bukan berita-berita hangat layaknya di berita televisi tetapi widget head line news yang menampilkan postingan terakhir blog sobat. Letaknya dapat ditaruh di bawah atau atas blog dan biasanya berbentuk menu horizontal berjalan. Sobat dapat melihat contohnya di bawah blog ini. Bagus bukan? Cara membuatnya seperti ini...

1. Login ke akun blogger,
2. Klik rancangan - tambah gadget - HTML/JavaScript,
3. Copas kode berikut ke dalam menu tersebut,

<script type="text/javascript">

var hn_url_blog = "http://arkan-indo.blogspot.com";

var hn_jumlah_post = 12;

var hn_warna_latar = "#81F7F3";

var hn_warna_garis = "#FF0000";

var hn_posisi = "bottom";

var hn_tampilkan_judul = true;

var hn_backlink = false;

</script>

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

</script>

Widget by <a href="http://arkan-indo.blogspot.com">Arkan Indo </a></span>

Keterangan:
1. Ganti tulisan berwarna biru yang berisi url blog saya dengan url blog sobat.
2. Ganti tulisan berwarna oranye yang berisi angka 12 dengan angka yang diinginkan. Angka yang dipilih akan menampilkan jumlah postingan terakhir.
3. Ganti kode warna hijau yang berisi warna latar dan warna garis dengan kode warna yang diinginkan. Lihat kode warna di sini.
4. Ganti warna merah tua yang berisi posisi sesuai keinginan. Untuk posisi atas kodenya: top, dan untuk posisi bawah kodenya: bottom.
5. Ganti kata false pada backlink dengan true jika ingin menampilkan backlink.

Contoh:

3 komentar:

  1. jadi tamu blogger akan mudah menemukan headline news blog kita yg sdh tertata apik..

    dah FOLLOW gan.. ats nm WONG..

    BalasHapus
  2. apakah ini bisa dipercepat lagi gan, kayanya terlalu lambat deh

    BalasHapus
  3. @ Ahmad: ga bisa kayaknya gan. coba aja deh googling sendiri.

    BalasHapus

Eitss..., baca dulu dong baru komen! :D