Membuat Headline Recent Post

Posted in Labels: Widget | Tuesday, April 17, 2012 [ 7:00 AM ]

Home » Widget » Membuat Headline Recent Post

Maksimalkan rss feed blog sobat dengan menampilkan widget headline recent post di blog. Widget ini menampilkan daftar tajuk utama postingan artikel terbaru blog, dengan widget ini pengunjung dapat mengetahui postingan artikel blog yang terbaru yang ada di blog sobat. Wahh asik-kan, selain unik widget ini dapat menambah daya tarik tampilan blog dari yang biasa menjadi terlihat seperti professional blog. Untuk contoh seperti yang terlihat pada posisi diatas.

Widget ini dapat ditaruh pada posisi diatas (top) atau di bawah (bottom), selain itu ada beberapa parameter yang dapat disesuaikan dengan tampilan template blog sobat seperti warna latar dan warna border. Pemasangan widget ini cukup mudah bisa ditaruh di dalam kode template atau dipasang sebagai widget. Oke...sob buat yang tertarik langsung aja ke TKP.

Cara Pemasangan :

Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.

Cari kode <Body> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan taruh di bawah kode <Body> tersebut. Penempatan kode di bawah ini juga bisa ditempatkan sebagai widget sidebar. Apabila di taruh sebagai widget silakan kosongkan judul widget.

<script type="text/javascript"> var hn_url_blog = "http://urlblogsobat.blogspot.com"; var hn_jumlah_post = 5; var hn_warna_latar = "#E1F20B"; var hn_warna_garis = "#000000"; var hn_posisi = "bottom"; var hn_tampilkan_judul = true; var hn_backlink = true; </script> <script src="http://monozcore-project.googlecode.com/files/HeadlineRecentPost.js"> </script>

<script type="text/javascript">
var hn_url_blog = "http://urlblogsobat.blogspot.com";
var hn_jumlah_post = 5;
var hn_warna_latar = "#E1F20B";
var hn_warna_garis = "#000000";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script src="http://monozcore-project.googlecode.com/files/HeadlineRecentPost.js">
</script>

| Blog Tools

- Keterangan :
- Kode yang berwarna biru merupakan url link blog. Silakan diganti dengan url blog sobat.
- Parameter yang lain silakan disesuaikan dengan selera sobat, seperti warna latar, posisi widget dan lain-lain.