Cara Membuat Headline News Di Blog

 Cara Nembuat Headline News Seperti Facewoman Di Blog - Sudah Lama sekali saya mengidam-ngidamkan memasang Headline News seperti KapanLagi.com.Sayang semua itu masih angan-angan!!Saya sudah browsing kesana-kemari tapi tak ada titik terang.Kebanyakan trik Headline News Blogger di blog menggunakan jasa pihak ke tiga.jadi itulah yang menyebabkan saya tidak suka memasangnya.Ada sih memang yang menggunakan scrip,Tapi kayaknya hasilnya kurang memuaskan bagi saya.Tapi untuk sekarang saya sudah mendapatkan trik khusus membuat Headline News Ala KapanLagi.com ataupun Bola.net ,Walaupun Hasilnya tidak sama persis,itu sudah mengobati kerinduan Saya memasang Headline News di blog facewoman.Bagi anda yang suka edit scrip mungkin ini bisa menjadi matrial ke arah sana.Agar kita bisa membuat Headline News mirip dengan  Bola.net Dan KapanLagi.com.
Untuk lebih jelasnya Lihat Demo Headline News Di bawah Ini :

Demo Facewoman

Vs

Demo KapanLagi

Note :  " Headline News Ini tidak sama persis"

Lihat Gambar Screenshot di bawah Ini:

Headline News facewoman

Headline News kapanLagi

 Anda bisa melihat Hasil dari Headline News itu sendiri di atas postingan Blog Facewoman Dan Untuk kapanLagi di bagian bawah Menu Horisontal bagian Kanan.Ya itulah jadinya.Tapi kalau anda tidak tahu caranya mungkin anda hanya bisa menduga-duga caranya Atau dengan jalan Pintas Ctrl + U Kayak saya aja hehehehe....Tapi kadang dengan Ctrl + U Saja semua itu tidak cukup Kadang juga banyak kegagalan yang Terjadi.

Keuntungan Menggunakan  Headline News Ala Facewoman Ini :

1. Template anda akan Kelihatan Lebih Indah Menarik dan Tentunya Profesional.
2. Headline News Ala Facewoman Ini Tidak begitu memberatkan Blog anda.
3. Tampilan Headline News Ala Facewoman Hampir Mirip Headline News KapanLagi.com

Ok Sobat!Jika anda Tertarik membuatnya Ikuti Langkah-Langkah Dibawah Ini :

1.Pertama-tama Login Blogger.
2.Langkah Kedua Pilih Template - Edit HTML - Klik Centang Expand Template Widget  Lalu cari Kode ]]></b:skin> Untuk mempercepat Proses pencarian Kode Gunakan Ctrl + F Kemudian Masukkan Kode ]]></b:skin> .Kalau sudah ketemu Pastelkan Kode di bawah ini tepat di atas Kode ]]></b:skin> 

.titlefield {

    text-decoration: none;

    color: #09F

    }

.titlefield:hover {

    text-decoration: underline

    }

.labelfield {

    color: brown;

    font-size: 90%

    }



.datefield {

    color: #333;

    font-size: 90%

    }



#data {

    width: 470px;

    height: 13px;

    border: 2px solid #CED0D1;

    padding: 5px 5px;

    background-color: #fff;

    margin: 5px auto;

    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.16);

    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.16);

    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.16);

    position: relative;

    overflow: hidden;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px

    }

3.Langkah Ketiga Cari Kode </head> Untuk mempercepat Proses pencarian Gunkan Ctrl + F lalu masukkan Kode </head> Kalau sudah ketemu masukkan kode di bawah ini tepat di atas Kode </head>

<script src='http://www.google.com/jsapi' type='text/javascript'/>

<script src='http://facewoman.googlecode.com/files/rss.js' type='text/javascript'/>

4.Untuk Langkah Ke Empat Taruh Kode Java Scrip di bawah ini.Dimana akan anda munculkan Headline News Ala Facewoman itu Di Blog Kalian.

<script type="text/javascript">
var cssfeed=new gfeedpausescroller("data", "posting", 2000, "_new")
cssfeed.addFeed("System", "http://facewoman.blogspot.com/feeds/posts/default")
cssfeed.addFeed("Blogazine", "http://facewoman.blogspot.com/feeds/posts/default")
cssfeed.displayoptions("date")
cssfeed.setentrycontainer("div")
cssfeed.filterfeed(10, "date")
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
  

Keterangan :

1. Ganti Link http://facewoman.blogspot.com/ Dengan Alamat Blog Sobat.
2. Ganti Tulisan angka 10 dengan jumlah Headline News yang akan Muncul Di Blog.

5.Langkah Terakhir Simpan Template Anda. ( Jangan Lupa Pratinjau Template Dulu sebelum simpan Template )

 Memang proses di atas agak sedikit ribet dan memerlukan scrip banyak.Tapi saya jamin Headline News Ala Facewoman Ini tidak Begitu memberatkan loading Blog anda di banding dengan Headline News menggunakan jasa pihak ketiga.

Jika dalam Proses di atas anda benar.Maka untuk Headline News Itu sendiri Akan Mirip Headline News Di Blog Facewoman.