Selamat Datang Para Blogger,Mohon tinggalkan saran dan kritikan buat blog ane serta memberikan jempolnya buat ane..!! coeg :V

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..

0 komentar:

Posting Komentar

 
Free Website templatesSEO Web Design AgencyMusic Videos OnlineFree Wordpress Themes Templatesfreethemes4all.comFree Blog TemplatesLast NewsFree CMS TemplatesFree CSS TemplatesSoccer Videos OnlineFree Wordpress ThemesFree Web Templates