Monday, February 20, 2012

Cara Membuat Headline News Blog dengan Javascript

11:52 PM Hzndi 1 comment


Beberapa hari ini saya jarang update lagi deh, bukan karena sibuk tapi emang lagi ga ada koneksi internet. okey cukup curhatnya hehe, pada tutor kali ini saya akan memberi tahukan bagaimana sih carany membuat headline news atau semacam artikel terbaru di blog dengan menggunakan javascript. kira2 teman2 blogger sudah ada yang tahukan ? ini buat yang belum tahu saja hehe, ya selain untuk memudahkan pengunjung melihat artikel terbaru blog kita, dengan fitur ini juga, bisa mempercantik blog kita. dan untuk tampilannya seperti gambar diatas. Untuk cara membuatnya cukup mudah kok ikuti saja langkah-langkah dibawah ini :

1. Masuk Akun Blogger kalian.

2. Klik Rancangan --> Elemen Laman --> Tambah Gadget.

3. Pilih HTML/Javascript lalu kamu masukan kode Javascript dibawah ini.

<script type="text/javascript">
var hn_url_blog = "http://hzndi.blogspot.com";
var hn_jumlah_post = 5;
var hn_warna_latar = "#FFFFFF";
var hn_warna_garis = "#000000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script src="http://hzndi.googlecode.com/files/hzndi-headline.js">
</script>

-ganti hzndi.blogspot.com dengan blog kamu
-5 adalah jumlah postingan yang akan ditampilkan
-#FFFFFF adalah kode warna background, kamu bisa ganti dengan warna yang kamu suka
-#0000000 adalah kode warna garis headline, ganti sesuai selera kamu
-bottom, bisa kamu ganti dengan up, left, atau right
-var hn_tampilkan_judul = true ganti dengan False jika tidak ingin ditampilkan

4. Simpan Template, mudah bukan :)

Postingan Terkait:

Posted in:

1 comment:

  1. mbahyar tutorial blogSeptember 29, 2012 at 8:23 PM

    wah beruntung ane temuin artikel ente gan, ane lagi cari tau nih gimana buat headline di blog ane..

    ReplyDelete

Komentarmu menunjukan kecerdasanmu, Kalau komentar cuma buat cari link buat apa ? :)

Twitter Delicious Facebook Digg Stumbleupon Favorites More