Minggu, 21 Februari 2010

Buat Headline News 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.
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://sites.google.com/site/johanrakyat/
    j/Headlinenews-Emasperak.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.



     P/s Tukar Tulisan yg warna merah Edit Fail headlinenews-Emasperak.js 
     
     
     






0 comments:

Poskan Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More