Cara Membuat Headline News Pada Blog

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.

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://copycat91.googlecode.com/svn/trunk/headlinenews.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/border headline news.
    • 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 bernilai false 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! :)

47 comments:

  1. terimakasih atas tutorialnya. saya tunggu tutorial2 selanjutnya
    salam dari saya
    klik disini
    terimakasih

    ReplyDelete
  2. ALL : Sama-sama...semoga bermanfaat untuk semuanya

    ReplyDelete
  3. di test dulu ya,
    makasih infonya

    ReplyDelete
  4. maaaaakasi infonya...
    rata rata sama kaya gini gann..

    ReplyDelete
  5. Mantap dach ...!!!
    Tak cobain mas ...

    ReplyDelete
  6. Dapatkan I-PAD 2, SONY CYBERSHOT, SAMSUNG LED TV, HEADPHONE, dll dari J-FLEECE Distro Terbesar Di Indonesia !
    Yang ingin mendaftar silahkan KLIK http:/j-fleece.com/fleecious/memedrasta lalu ikuti langkah selanjutnya.
    BURUAN !! Point kontes ini GRATIS untuk siapapun, berlaku dari tanggal 1 Desember 2011 sampai 1 Maret 2012

    ReplyDelete
  7. info yang sangat menarik om.. semoga bermanfaat bagi semuannya..

    ReplyDelete
  8. lam kenal juga.....okelah entr kita mampir ke blog sobat

    ReplyDelete
  9. Thank's sob.. semua berjalan lancar :)

    ReplyDelete
  10. Boleh juga tu bang, kayak di metro tv. Ane bookmark dulu ya..

    ReplyDelete
  11. makasih bang atas tutorialnya. sangat bermanfaat.
    sudah muncul di blog headline news-nya.
    makasih banyak yak.

    ReplyDelete
  12. thx gan infonya :D
    sngat brmnfaat nih

    ReplyDelete
  13. info menarik gan, bagaimana kalo cara pasang di HTML blog ada gak script na cek my blog http://coretanyusuf.blogspot.com

    ReplyDelete
  14. nice info gan :)
    kunjungi balik yaa...

    http://ojjezlastfriend.blogspot.com/

    ReplyDelete
  15. Berhasil gan!
    Tq infonya

    ReplyDelete
  16. mantap nie langsung ke TKP az dah

    ReplyDelete
  17. Pnya ku ga bisa nih gan, gimana dong.

    ReplyDelete
  18. ada gak Sob yang headline newsnya sama dengan di kompas.com, ... kalau ada tolong di share Sob...

    ReplyDelete
  19. sip gan,tak coba dah ya,,makasi,,mampir ke blog saya gan ya,,,trims

    ReplyDelete
  20. wah sip gan :) mantapp :) hemm folback y gan udah jadi follower ne .. dan jangan lupa kunjungan balik

    http://hamdanguangshemabu.blogspot.com

    ReplyDelete
  21. sangat membantu sobat, makasih ya.
    happy blogging..

    ReplyDelete
  22. ada yang lainnya ndak kak???
    yang lebih keren lagi??

    ReplyDelete
  23. trimakasih sob atas infonye ane langsung coba.. malum blog baru :D

    ReplyDelete
  24. ok sob tak coba dulu cara d atas..

    ReplyDelete
  25. cara-membuat-headline-news-pada-blog

    boleh di coba dulu,,thx info'y

    ReplyDelete
  26. Thanks Gan..saya coba dulu

    ReplyDelete
  27. makasih infonya
    artikel yang saya cari nih

    ReplyDelete
  28. mantaf infonya. sudah saya praktekan gant..
    makasih

    ReplyDelete
  29. mantap.. makasih info nya kawan, saya coba dlu

    ReplyDelete
  30. thanks tutornya mas.. saya coba dulu

    ReplyDelete
  31. alhamdulllilah sudah ane coba dah berhasil tq ya sob..

    ReplyDelete
  32. trimakasih atas infonya, menarik sekali :)

    ReplyDelete
  33. info menarik bro dan juga artikel yg menarik dan juga ulasannya menarik sekali dan salam kenal dari mico ya, dan juga kalau ada teman2 yg suka dengan film box office ampe setengah blue silakan download di situsnya loe, dan makasi untuk admin disini loe, keep blogging ya. gbu

    ReplyDelete
  34. Nice info.. thx gan..

    Visit back at >> http://ulungembel.blogspot.com/

    ReplyDelete