Pada kesempatan kali ini saya akan memberikan tutorial bagaimana Cara Mudah Memasang Widget Postingan Terbaru Pada Sidebar Blogger. Recent post merupakan widget yang cukup penting yang harus anda terapkan dalam blog, karna widget tersebut dapat menampilkan informasi terbaru yang terdapat dalam blog.
Jadi bagi anda yang belum mengetahui apa itu recent post saya akan menjelaskannya secara sederhana. Recent post adalah Widget dalam blogger yang biasanya terletak di halaman awal atau di sidebar blog. Sesuai Namanya Recent post berfungsi untuk menampilkan beberapa postingan paling terbaru pada situs tersebut.
Pada widget recent post kali ini memiliki fitur yang dapat menampilkan tanggal dan jumlah komentar didalamnya. Jadi bagi anda yang tertarik untuk memasang widget recent post tersebut anda dapat meletakannya di bagian sidebar blog untuk memudahkan navigasi.
Untuk menerapkan widget recent post pada blog sebenarnya sangatlah mudah, kita tidak perlu lagi merubah kode html yang ada pada blog, oleh karena itu mari kita simak baik-baik tutorial berikut ini.
Cara Mudah Memasang Widget Postingan Terbaru Pada Sidebar Blogger
1. Buka Blogger anda > pilih menu Tata Letak
2. Pada Widebar/Sidebar blog anda yang terdapat di sebelah kiri, pilih Tambahkan Gadget > jika muncul Tab Baru, pili Menu HTML/JavaSript > kemudian letakkan kode ini di dalamnya
<style scoped='' type='text/css'>
#new-post{color:#999;font-size:12px}
#new-post img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}
#new-post ul{margin:0;padding:0}
#new-post ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#new-post ul li:last-child{border-bottom:0}
#new-post ul li a{display:block;color:#222;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}
</style>
<div id='new-post'>
<script type='text/javaScript'>
var rcp_numposts=5;
var rcp_snippet_length=150;
var rcp_info='yes';
var rcp_comment='Comments';
var rcp_disable='T?t Nh?n xét';
function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9jdflQ4WYwW3T1ProYHvW3vcsb_7kKjlRBVbFlfsC6hnUI2V7HuxPi_EbGDNlTXttotCvUe5lE9m62Dsif_dzkzgeWXaoipv-4FCCxGsmct9Csn_98tmq1G-W2TTkENuUChJg7PYKIdNQ/"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('new-post').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
</script>
</div>3. Jika Sudah Masukkan Judul > kemudian pilih Simpan
Keterangan:
| Kode | Keterangan |
|---|---|
| 5 | Jumlah postingan dalam widget |
| 150 | Jumlah Maksimal karakter |
| rcp_info='yes'; | Ubah No jika ingin menghilangkan tanggal dan jumlah komentar |
Demikian tutorial mengenai Cara Mudah Memasang Widget Postingan Terbaru Pada Sidebar Blogger. Bila anda merasa kesulitan menerapkan tutorial di atas pada blog kalian, jangan sungkan untuk bertanya pada kolom komentar dibawah. Semoga informasi yang diberikan bermanfaat dan sampai jumpa pada tutorial berikutnya.