• RSS Feed Wahyu Winoto
  • Twitter Wahyu Winoto
  • G+ Wahyu Winoto
  • Pinterest Wahyu Winoto
  • Facebook Wahyu Winoto
  • Instagram Wahyu Winoto
  • Whatsapp Wahyu Winoto



Membuat Headline News di Blog

Membuat Headline News di Blog (Menampilkan Artikel Terbaru/Recent Post Berjalan)

(Pada bagian bawah halaman blog terlihat widget Head Line News)
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://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) itu adalah alamat blog saya yang lain, 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 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://skripnyawbw.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.

Untuk cara menyimpan/menghostingkan script silahkan baca tutorial saya yang lain dengan judul " Cara Menghostingkan File Java Script atau CSS di Google Code ".

*****

Silahkan share artikel

kepada saudara maupun sahabat yang membutuhkan.
Terima kasih.

KLIK UNTUK MELIHAT DAN ATAU MENUTUP KOLOM KOMENTAR.

wahyu-winoto.com www.wahyu-winoto.com gambar hiasan wahyu-winoto.com




Wahyu W - Bloger Indonesia


© 2010 - 2017 || Blog hosted by Blogger || Hak cipta dilindungi UU.
TOP