Membuat Widget Latest Update di Blog

Latest Update adalah widget yang menampilkan daftar artikel yang terakhir diperbaharui/last update. Widget ini juga berguna memperlihatkan pengunjung untuk memantau artikel mana saja yang sudah diperbaharui atau Menampilakan data - data artikel terkahir diperbaharui atau telah mengalami perbaharuan, jadi nantinya widget ini akan disortir berdasarkan artikel yang baru diperbaharui oleh admin blog.

Cara Memasang Widget Latest Update di Blog
#1. Masuk ke blogger -> template -> edit HTML pada Dashboard Blog kalian.
#2. Cari kode ]]></b:skin> atau </style> dan tambahkan CSS di bawah ini tepat di atas kode ]]></b:skin> atau </style>.

/*Latest Updated*/
li.update {list-style: none;height:auto;overflow:hidden}
li.update a{font-family:'Oswald',sans-serif;font-size:16px;font-weight:normal;margin:0;}
li.update a:hover{color:#859ce6}
.imgupdate{float:left; margin:0 10px 10px 0}
.imgupdate:hover{opacity:0.7}
.tgl-com {display:block;font-size:16px;margin-top:5px;font-size:16px}

#3. Setelah itu cari kode </body> dan tambahkan JavaScript di bawah ini tepat di atas kode </body>.

<script type='text/javascript'>
//<![CDATA[
//Terakhir Diperbaharui by Kang-Pian.blogspot.co.id
function updatedPosts(a){if(document.getElementById("updated-posts")){var e=a.feed.entry,title,img,link,date,content="",o=["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],ct=document.getElementById("updated-posts");for(var i=0;i<5;i++){for(var j=0;j<5;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t,pd=e[i].published.$t.substring(0,10).split("-");if("media$thumbnail"in e[i]){img=e[i].media$thumbnail.url}else{img="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG4vuJzsi9xKcX6-BppRJDJIy1H9dHjmSqSFMuEbKyJBHYL-DjSwAl2B6kA01bF2z0YKkux2HHY0DBV7uNP7VI4v-RR0pZqKwaqykbdxtiXuvyY5UwT1gb0mr-AZt4uQs-Ju_wG1RuqVg/s1600/Kang-pian-blank.png"}content+='<li class="update"><a href="'+link+'" target="_blank" title="'+title+'"><img src="'+img.replace(/\/s72-c/,"/s70-c")+'" class="imgupdate" alt="'+link+'" height="70px" width="70px"/></a>';content+='<strong><a href="'+link+'" target="_blank" title="'+title+'">'+title+'</a></strong><span class="tgl-com" datetime="'+pd.join("-")+'">  '+(pd[2]+" "+o[(parseInt(pd[1],10)-1)]+" "+pd[0])+'</span></li>'}ct.innerHTML=content}}function getScript(url){var s=document.createElement("script");s.type="text/javascript";s.src=url;document.body.appendChild(s)}getScript("http://kang-pian.blogspot.co.id/feeds/posts/summary?alt=json-in-script&orderby=updated&max-results=5&callback=updatedPosts");
//]]>
</script>

Keterangan :
- Ganti kang-pian.blogspot.co.id dengan link blog kalian. *Ganti yang sudah saya beri tanda merah.

#4. Simpan, lalu ke menu Tata Letak.
#5. Klik Tambah Gadget (HTML/JavaScript) dan masukkan kode di bawah ini.

<ul id="updated-posts"></ul>

#6. Simpan.

Itulah bagaimana caranya memasang widget latest update di blog semoga artikel ini bermanfaat, kalau ada yang ingin bertanya silahkan berkomentar.