Widget untuk menampilkan artikel terbaru yang akan dibahas di bawah ini mempunyai beberapa kelebihan, diantaranya:
Hanya menampilkan judul artikel
Merubah jumlah postingan
Menampilkan tanggal postingan
Cara menambahkan widget artikel baru ke blogger:
Hanya menampilkan judul artikel
Merubah jumlah postingan
Menampilkan tanggal postingan
Cara menambahkan widget artikel baru ke blogger:
- Login ke dashboard blogger > Layout > Klik Add a Gadget
- Dari window pop-up, tarik ke bawah dan pilih HTML/ Java Script
- Copy kode di bawah ini, kemudian pastekan di dalam box diatas.
<div id="hlrpsb">
<script type="text/javascript">
function showrecentposts(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],i=r.title.$t;if(e==t.feed.entry.length)break;for(var d=0;d<r.link.length;d++)if("alternate"==r.link[d].rel){n=r.link[d].href;break}i=i.link(n);var s=r.published.$t,a=s.substring(0,4),o=s.substring(5,7),l=s.substring(8,10),u=new Array;u[1]="Jan",u[2]="Feb",u[3]="Mar",u[4]="Apr",u[5]="May",u[6]="Jun",u[7]="Jul",u[8]="Aug",u[9]="Sep",u[10]="Oct",u[11]="Nov",u[12]="Dec",standardstyling||document.write(""),document.write('<div class="rctitles2">'),standardstyling&&document.write(""),document.write(i),standardstyling&&document.write(""),1==showpostdate&&document.write(" - "+l+" "+u[parseInt(o,10)]+" "+a),standardstyling||document.write("</div>"),document.write("</div>"),standardstyling&&document.write("")}standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write(""),document.write(""),standardstyling||document.write("/div")}
</script>
<script type="text/javascript">var numposts = 10;var showpostdate = false;var standardstyling = true;</script>
<script src="http://blog-address.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 10px;" href="http://helplogger.blogspot.com/2012/04/recent-posts-widget-for-bloggerblogspot.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #000000;font-size:13px;text-transform:capitalize;}.rctitles2 {padding-bottom:10px;margin-bottom:10px;border-bottom: 1px dotted #cccccc;}
</style> - Cara customize widget artikel terbaru:
Untuk merubah jumlah postingan yang ingin ditampilkan, ganti "varnumpost = 10" dengan angka yang diinginkan.
Jika ingin menggantikan tanggal postingan, ganti "false" ke "True"
Untuk mengganti warna link dan ukuran huruf, ganti tulisan warna biru dan ungu.
Ganti "http://blog-address.blogspot.com" dengan alamat blog anda. - Jangan lupa save! Selamat, sekarang Blog anda sudah memiliki widget artikel terbaru. (http://helplogger.blogspot.co.id/2012/04/recent-posts-widget-for-bloggerblogspot.html)
