Jumat, 18 Januari 2013

Cara Membuat/memasang Headline News Berjalan Di Blog

Sesuai dengan judul di atas penulis akan mesharing tentang bagaimana cara membuat headline  news berjalan  di blog. Cara kerjanya seperti script Marquee pada html, namun kelebihannya headline news dapat menampilkan RSS feed sehingga anda yang ingin menampilkan judul-judul postingan terbaru blog manapun termasuk blog sendiri dapat menjadi kenyataaan.
Masih belum jelas?  widget ini hampir sama dengan headline news pada siaran metro tv dan detik dot kom dll. lihat contoh gambar dibawah.


Baik nagi anda yang tertarik ingin memasang, silahhkan   ikuti instruksi dibawah ;

  • Silahkan ke menu rancangan pada blogger 
  • Kemudian di elemen laman pilih tambah gadget. 
  • Muncul tab baru pilih saja HTML/Javascript 
  • Copas script dibawah kedalamnya dan Save
<script type="text/javascript">
var hn_url_blog = "http://blog-anda.blogspot.com";
var hn_jumlah_post = 5;
var hn_warna_latar = "#531515";
var hn_warna_garis = "#000000";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = true;      
</script>
<script src="http://blogger-nias.googlecode.com/files/headlinenews.js">
</script>

Keterangan warna :
  • hn_url_blog adalah URL blog yang ingin ditampilkan
  • hn_jumlah_post adalah jumlah judul artikel yang akan tampil pada headline news.
  • hn_warna_latar adalah kode warna untuk latar belakang headline news.
  • hn_warna_garis adalah kode warna untuk garis bingkai headline news.
  • hn_posisi menentukan posisi headline news anda apakah di atas ("top") atau di bawah ("bottom"),
  • hn_tampilkan_judul bernilai True kalau sobat ingin menampilkan tulisan "Komunitas Blogger Nias" di bagian kiri dan bernilai False jika tidak ingin menampilkannya,
Selamat mencoba, sampai bertemu diartikel selanjutnya..

33 komentar:

  1. Kalau url blognya diganti url akun twitter gimana ya?

    BalasHapus
  2. Tutarni : Terima kasih atas tutorial yang sangat bermanfaat, semoga bisa menambah ilmu blogger pemula kayak saya :)

    BalasHapus
  3. terima kasih ats sharingnya, akan saya praktekan langsung ni

    BalasHapus
  4. ilmu yang sangat bermanfaat sekali, terimakasih jadi nambah wawasan :)

    BalasHapus
  5. mantap gan, infonya sangat membantu sekali

    BalasHapus
  6. Nyoba dulu gan. semoga berhasil. di template ane kan ada breakng news nya tapi kok gak jalan ya

    BalasHapus
  7. Thanks gan ,. :D
    Ane Pengennya yang Moving textnya diganti Label / Tag..
    kira2 Memungkinkan tidak ya gan.. hehe :)

    BalasHapus
  8. mantep gan blog jadi lebih dinamis hehehe

    ______________
    Android Indonesia

    BalasHapus
  9. Muantap boss ... yang saya cari2 sudah ketemu. Akan saya coba membuat Headline di blog saya dengan cara di atas. Doakan semoga berhasil ...

    BalasHapus
  10. om nyari kode warna nya dimana yaa ??? kiriimjawabannya ke niszarharis@Gmail.com

    BalasHapus
  11. thanks atas info nya.. kunjungi juga mxcomputer.blogspot.com

    BalasHapus
  12. yg mas bagikan ini kan di atas dia... klo buat artikel terbarunya berjalan ke punya mas ini bisa share ga link nya?

    BalasHapus
  13. keren bro. www.sunarya11.blogspot.com

    BalasHapus
  14. Apakah Headline News Berjalan ini tidak terpengaruh dengan loading blog???
    Kunjungannya: http://kontespokerterpercaya.blogspot.co.id/

    BalasHapus
  15. Mantap gan oh ya kunbal nya ya
    Sepengabest.blogspot.com

    BalasHapus
  16. mantap talifuso, kunjungi kembali www.tano-niha.cf Ya'ahowu

    BalasHapus
  17. masih kurang paham juga saya tanks infonya

    BalasHapus
  18. Nice info kawan.
    http://kuntokzyrd.blogspot.com/

    BalasHapus
  19. silahkan berkunjung ke web kami disana ada berbagai prediksi bola dan berita bola lainnya tanks

    BalasHapus
  20. belajar hidup sehat ane tetap bingung yang bagian ini bro
    Baik nagi anda yang tertarik ingin memasang, silahhkan ikuti instruksi dibawah ;

    Silahkan ke menu rancangan pada blogger

    Kemudian di elemen laman pilih tambah gadget.

    Muncul tab baru pilih saja HTML/Javascript

    Copas script dibawah kedalamnya dan Save

    BalasHapus
  21. script src="httpjhhd://blogger-nias.googlecode.com/files/headlinenews.js"

    Kode ini harus gw ganti apa om?
    Www.sweet-photograph.blogspot.com

    BalasHapus

Blog ini adalah blog Do Follow. Tentu akan mendapat respon dan menguntungkan bagi blog yang berkomentar. Silahkan berkomentar dengan memperhatikan nilai SARA!!