Cara Membuat Head Line News Postingan Terbaru Di Blog/Web

Pada posting kali ini yang akan kita buat adalah widget Headine News.

Yang saya maksud Headline News ini adalah judul postingan blog kita yang sengaja kita tampilkan, dalam tutorial ini Headline News berbentuk Text Berjalan.
Detailnya widget berbentuk horizontal yang berisi postingan artikel terbaru (recent post) yang berjalan dari kanan ke kiri dan diposisikan pada bagian (atas/bawah) halaman blog kita.


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 membuat 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://online-service-yangkutahu.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://alfanetonline1.googlecode.com/files/alfanet1.js">


</script>

4. Klik Simpan. Lihat hasilnya.



Pejelasan dari variabel-variabel di atas :

- hn_url_blog (http://alfanetonline.blogspot.com) itu adalah alamat blog saya yang lain, silahkan diganti dengan URL blog anda.

- 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 beri nilai false jika tidak ingin menampilkannya,

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


Selamat mencoba Membuat Headline News di Blog !!!


*****

Oya, tambahan dikit...

<script src="http://alfanetonline1.googlecode.com/files/headlinenews.js"> merupakan script untuk menjalankan aplikasi ini.

Script itu tersimpan di halaman Google Code punya saya, kamu bisa langsung menggunakannya. Namun jika penggunanya sudah terlalu banyak dapat menyebabkan loading menjadi lambat, solusinya silahkan kamu Copy saja script-nya lalu simpan di Halaman Google Code kamu sendiri.

Ref : http://www.wahyu-winoto.com

• Tweet
• Share
• Share
• Share
• Share