Widget Recent Post Untuk Entri Terkini

Widget recent post ini sangat penting untuk memperlihatkan entri-entri terkini yang anda terbitkan di blog. Malahan itu, anda juga boleh menurunkan bounce rate, dengan membenarkan pembaca membuka pautan antara satu artikel ke artikel yang lain.

Hah! anda tercari-cari tutorial untuk widget recent comment, sila rujuk sini - Widget recent comment valid HTML5.

Tidak semua tips memasang recent post di carian google boleh meletakkan template blog kita valid HTML5. Kebanyakanya pentingkan kecantikan widget semata-mata. Bila disemak mengunakan validator.w3 banyak pula error dan warning.

Uhm!.. jadi kali entri ini, aku tunjukan tutorial macam mana buat widget recent post anda valid HTML5. Bahkan, anda boleh mengekalkan template blog anda mesra seo.

Paparan Widget Recent Post

Pasang Widget Recent Post Untuk Entri Terkini

Apa yang perlu anda lakukan adalah copy script di dalam scroll box bawah ini.

<div id="hlrpsb"> <script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script><br /> <script style="text/javascript">var numposts = 7;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><br /> <script src="http://www.bakul2011.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div> <a style="font-size: 12px; color: #00FF00; float: right; margin: 5px;" href="http://helplogger.blogspot.com/2012/04/simple-related-posts-widget-for-blogger.html" rel="nofollow" ></a><br /> <noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript><br /> <style type=text/css> #hlrpsb a {color: #FFFFFF; font-size: 14px;} #rpdr, #rpdr a {color:#808080;} .bbrecpost2 { padding-top:10px; padding-bottom:10px; border-bottom: 1px #151515 dotted; padding: 10px; background: #6E6E6E; } </style>

1. Copy script di atas, dan pastekan ke dalam kotak html javascript blog anda.
2. Gantikan dengan url blog anda.
3. Kemudian, masuk ke edit template, cari coding ini <b:include name='quickedit'/> dan delete.
   

Widget ini membolehkan pengunjung mengetahui artikel terakhir yang diterbitkan anda dalam blog. Bahkan pengguna smartphone juga boleh melihatnya, jadi rebutlah peluang ini untuk tarik trafik dari peranti mudah alih terkini.