Sabtu, 03 Desember 2011

Cara Membuat Headline News Blog

0 komentar
oke, saya akan berbagi tips tentang blog,yang mungkin sudah banyak mengetahui tips ini ataupun sudah terpasang pada blog nya,,tp tidak apa- apa,anggap aja saya sedang belajar membuat headline News blog,hehe... Kali ini aku akan membahas tentang membuat headline news untuk blog. Sesuai namanya, widget headline news ini menampilkan judul serta link artikel-artikel terbaru dari blog kamu di bagian atas atau bawah blog kamu.
Bisa di lihat contoh gambarnya di bawah:



Judul-judul artikel pada headline news tersebut bergerak, sehingga lebih menarik perhatian pembaca.

Caranya:

  1. Masuk ke account Blogger kamu, pilih "Layout" - "Page Elements",
  2. Klik "Add a Gadget" dan pilih "HTML/JavaScript",
  3. Tidak usah diberi judul, kemudian copy-paste kode di bawah ini:
<script type="text/javascript">
 var hn_url_blog = "http://BLOGKAMU.blogspot.com";
 var hn_jumlah_post = 5;
 var hn_warna_latar = "#EEEEEE";
 var hn_warna_garis = "#000000";
 var hn_posisi = "top";
 var hn_tampilkan_judul = true;
 var hn_backlink = true;
</script>
<script src=" http://oktri.googlecode.com/files/Headlinenews-oktri1.js">
</script>
  1. Berikut adalah penjelasan tentang variabel-variabel di atas:




    • hn_url_blog adalah URL blog kamu (widget ini hanya untuk pengguna blogger).
    • hn_jumlah_post adalah jumlah judul artikel yang ingin kamu tampilkan pada headline news.
    • hn_warna_latar adalah kode warna untuk latar belakang headline news.
    • hn_warna_garis adalah kode warna untuk garis bingkai/borderheadline news. (Baca artikel kode hex warna di sini)
    • hn_posisi menentukan posisi headline news kamu apakah di atas ("top") atau di bawah ("bottom"),
    • hn_tampilkan_judul bernilai true kalau kamu ingin menampilkan tulisan "Headline news of BLOGKAMU" di bagian kiri dan bernilaifalse jika tidak ingin menampilkannya,
    • hn_backlink bernilai true kalau kamu ingin menampilkan backlink ke blog ini dan false jika tidak.
Selamat mencoba dan semoga bermanfaat! :D

Leave a Reply

tatakai blog's