Pada postingan ini, kita akan membahas tentang cara menambahkan headline news di blog agar blog terlihat cantik dan bagus.
Apa sih Headline itu? Headline adalah sekumpulan berita-berita terbaru yang dapat kita baca dengan seksama yang terdapat di bawah/atas layar yang berjalan biasanya dari kanan kekiri. Fungsi headline adalah menarik minat target publikasi untuk membaca. Yang intinya adalah headline itu adalah judul besar dari hasil karya kita, baik itu berita, artikel, catatan kecil, dan lain sebagainya yang tujuan dari headline itu untuk menarik minat pembaca berita.
Headline ini berbeda dengan headline yang ada di televisi, bedanya kalau di blog gunanya untuk menampilkan Postingan Terbaru kita dengan efek marquee.
Bagaimana? Jika sobat tertarik untuk membuatnya silahkan ikuti langkah di bawah ini.
1. Login ke akun blogger sobat.
2. Pilih Rancangan, lalu klik Add a Gadget.
3. Pada window yang terbuka, pilih HTML/Javascript, lalu isikan kode berikut:
Keterangan :
Kode yang berwarna merah boleh sobat ganti dengan catatan berikut:
Mungkin itu saja tutorial cara menambahkan headline news di blog. Semoga berguna bagi sobat yang ingin memperlihatkan artikelnya di blognya.
Apa sih Headline itu? Headline adalah sekumpulan berita-berita terbaru yang dapat kita baca dengan seksama yang terdapat di bawah/atas layar yang berjalan biasanya dari kanan kekiri. Fungsi headline adalah menarik minat target publikasi untuk membaca. Yang intinya adalah headline itu adalah judul besar dari hasil karya kita, baik itu berita, artikel, catatan kecil, dan lain sebagainya yang tujuan dari headline itu untuk menarik minat pembaca berita.
Headline ini berbeda dengan headline yang ada di televisi, bedanya kalau di blog gunanya untuk menampilkan Postingan Terbaru kita dengan efek marquee.
Bagaimana? Jika sobat tertarik untuk membuatnya silahkan ikuti langkah di bawah ini.
1. Login ke akun blogger sobat.
2. Pilih Rancangan, lalu klik Add a Gadget.
3. Pada window yang terbuka, pilih HTML/Javascript, lalu isikan kode berikut:
<script type="text/javascript">
var hn_url_blog = "http://alamatblogsobat.blogspot.com";
var hn_jumlah_post = 10;
var hn_warna_latar = " #7cfc00";
var hn_warna_garis = "#000000";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script src="http://my-project-tabview-tab.googlecode.com/files/Headline%20News.js">
</script>
Keterangan :
Kode yang berwarna merah boleh sobat ganti dengan catatan berikut:
- hn_url_blog = URL blog anda (ganti dengan url blog anda)
- hn_jumlah-post = jumlah judul artikel yang di tampilkan
- hn_warna_latar = kode warna untuk latar belakang headline news
- hn_warna-garis = kode warna garis bingkai
- hn-posisi = menentukan posisi letak headline new. (top = atas, bottom = bawah, right = kanan, left = kiri)
Mungkin itu saja tutorial cara menambahkan headline news di blog. Semoga berguna bagi sobat yang ingin memperlihatkan artikelnya di blognya.
10 comments
DEMO-nya kokk Loadingnya Lama sekalii ?? hampir satu menitt belum kelar-kelar ..
ReplyTolong diperbaiki tampilannya Gunn,, supaya tidak lambat Loading Page"nya ..
Atau gunakan JQUERY untuk Tampilan Loadingnya (Dijamin Lebih Cepat + Elegant)..
Check di : Menambahkan Script QueryLoader (LazyLoad)
@PINGIN BELAJAR : Itu cuman blog yang saya khususkan untuk DEMO ini kok, makanya ga saya urus. Yang penting tetap terlihat demonya kan? Yang headline itu :D
Replywah2...gw juga pernah coba pake code dari Googgle...tapi pas 5 menit baru keluar headline-nya....T-T
Reply@ruudvandezay : Mana gan code dari google? Google code itu cuman hosting gratis gan, isinya bukan code dari google, setiap .js dari google code berbeda-beda kodenya, TIDAK SEMUA SAMA.
ReplyEmang sampean sudah nyoba yang ini? Kalo belum jangan kritik dulu .. :)Coba dlu baru kritik :)
langsung dicoba gan.......
Replyberat ngga niih , ane takut berat bang ,,, ?
Reply@Dimas_ponco : gak kok bang, walopun pake .js tapi itu js nya dari web hosting google langsung, jadi gak berat.
ReplyOhya mas, itu idealnya kt menampilkan brp headline yah? ntar takutnya blognya makin lemot, hehe
Replymakasii infonya ...
Replynice share mas
ReplyPost a Comment
Silahkan Anda kritik dan sarannya pada kolom komentar di bawah ini. Karena setiap satu kata Anda berkomentar sangat berarti untuk kemajuan blog ini (baca: Cara Berkomentar yang Baik).