Home » » Cara Membuat Headline News

Cara Membuat Headline News

Written By AiRa LoKa on Kamis, 28 Maret 2013 | 17:06

Cara Membuat Headline News

     Selamat sore semua... Untuk merayakan koneksi samrtfren yang sudah kembali normal seperti sedia kala... saya mau bagi-bagi cara membuat headline news nih. Apakah anda tau apa itu headline news itu? Headline news adalah sebuah bar dimana anda dapat menampilkan post-post terbaru dari blog anda. Pada blog-blog lain ada yang menampilkannya pada bagian atas (top) dari blognya walaupun terkadang ada yang meletakkannya pada bagian bawahnya (bottom). Nah, bagi yang mau coba, Langsung saja..
Chek It Out...... 

1.  Masuk ke Blogger > Dashboard Blogger > Tata Letak > Tambah Widget > HTML/Javascript.

2.  Setelah masuk, langsung pastekan kode dibawah ini.
<!-- Headline News Start - www.AiRaLoKa.com -->
<script type="text/javascript">
    var hn_url_blog = "http://airaloka.blogspot.com/";
    var hn_jumlah_post = 10;
    var hn_warna_latar = "#FFFFFF";
    var hn_warna_garis = "#000000";
    var hn_posisi = "top";
    var hn_tampilkan_judul = true;
    var hn_backlink = true;
    </script>
    <script src="http://airalokadotcom.googlecode.com/files/Headline%20News.js">
    </script>
<!-- Headline News End - www.AiRaLoKa.com --> 
Kustomisasi:
- hn_url_blog = http:/airaloka.blogspot.com/ (ganti dengan url blog anda)
- hn_jumlah-post = 10 (jumlah judul artikel yang di tampilkan)
- hn_warna_latar = #FFFFFF (sesuaikan kode warna untuk latar belakang headline news)
- hn_warna-garis = #000000 (Sesuaikan kode warna garis bingkai)
- hn-posisi = menentukan posisi letak headline news (bottom = bawah, top = atas)


3.  Jika sudah  selesai, simpan.

Selamat mencoba!

1 komentar:

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Setelah membaca artikel ini, silahkan tinggalkan komentar. Bagi yang mau meninggalkan url blognya, silahkan saja. Asalkan anda tidak memberikan komentar dengan kata-kata yang tidak sopan. Terima kasih telah mengunjungi blog ini.

AiRa LoKa - Blog of tutorials

Konversi Kode di Sini!

 
Support : Blogger | Google | KlikSaya
Copyright © 2013. AiRa LoKa - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger