Cara membuat widget "Headline News" diblog

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.
Kamu bisa 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://copycat91.googlecode.com/svn/trunk/headlinenews.js">
    </script>
  4. 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. (Baca artikel kode hex warna di sini)
    • hn_warna_garis adalah kode warna untuk garis bingkai/border headline 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 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! :D
Terima kasih sudah singgah di blog ID CREATIVE   «« jangan lupa tinggalkan komentarnya "thanks.
Related Posts Plugin for WordPress, Blogger...
 
Powered by Blogger