Cara Membuat Headline News Recent Post Blog

Bookmark and Share
Pada posting kali ini yang akan kita buat adalah Headine News Postingan Terbaru

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://wbw-wbw.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>



4. Klik Simpan. Lihat hasilnya.

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


Pejelasan dari variabel-variabel di atas :

- hn_url_blog (http://wbw-wbw.blogspot.com) silahkan diganti dengan URL blog kamu.

- 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.


Selamat mencoba dan enjoy....


Oya, tambahan dikit...
<script src="http://skripnyawbw.googlecode.com/files/headlinenews.js"> merupakan script untuk menjalankan aplikasi ini.

Script itu tersimpan di halaman Google Code-nya wbw, 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.

Untuk caranya silahkan baca Cara Menyimpan Java Script di Google (Untuk Aplikasi Web Kamu)

***

Dukung blog ini dalam kontes : Javahostindo Web Hosting Indonesia dan Komodo Island is the NEW 7 Wonders of The World serta Kecil Jadi Kawan, Besar Jadi Lawan


***

{ 0 komentar... Views All / Send Comment! }

Posting Komentar