Widget Entri Terkini

Widget entri terkini - Sebuah widget asas yang boleh anda letakkan di blog untuk paparkan entri-entri terkini di sidebar. Widget ini menggunakan javascript dan ia akan paparkan entri-entri terkini yang telah diterbitkan dengan menggunakan sumber feed blog anda.

Sesuai untuk blog menambah trafik, dan juga untuk menurunkan kadar bounce rate blog secara purata. Ia juga bertujuan supaya pengunjung blog akan kekal lama membaca entri-entri menarik, terkini dan terbaru di blog anda.

Dari sudut SEO, ia membantu blog anda membina backlinks secara dalaman, dan membantu sesuatu entri tersebut menerima pagerank flow yang baik.

Widget Entri Terkini Untuk Blogspot

Untuk menggunakan widget ini, apa yang perlu anda lakukan ialah salin kod HTML di bawah dan letakkan di sidebar blog seperti biasa menggunakan Add HTML/Javascript.

<div id="hlrpsa">
<script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = false;
</script>
<script type='text/javascript' src="URL-BLOG-ANDA/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script></div>
<style type="text/css">
#hlrpsa a {font-size: 14px; line-height: 2.5em; } 
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { font-size: 14px; line-height: 2.5em; }
.hlrpssumm {}
</style>

Untuk memberikan lebih variasi paparan, anda boleh cuba ubah pembolehubah dalam kod HTML yang disediakan.

Sebelum anda simpan dan lihat samada widget ini berfungsi di blog, pastikan anda telah gantikan URL-BLOG-ANDA dengan URL milik blog sendiri; contoh http://www.hasrulhassan.com.

Untuk variasi, anda boleh ubah jumlah post terkini yang mahu dipaparkan dengan var numposts = (jumlah post)

Jika mahu entri tersebut paparkan tarikh ia diterbitkan, gantikan false kepada true pada pembolehubah showpostdate.

Boleh juga ubah showpostsummary, numchars, dan standardstyling.

Cubalah.

Boleh tengok contoh di http://ibiasiswa.blogspot.com