Halo sobat blogger, kali ini saya akan membagikan tutorial sederhana, tutorial ini saya buat berdasarkan request. Recent Post Ost Widget ini saya buat bagi kamu yang punya blog dengan niche Ost atau Download Lagu, mungkin bisa bermanfaat buat kalian. Ok kita mulai saja tutorial kali ini.DEMO
Recent Post Ost Widget
Pertama Kalian Buka Blogger > Tema > Edit HTML, dan simpan CSS berikut ini di bawah <style>/* Style Recent Post Ost - Arleth98 */
ul.request-post{list-style:none;padding:0;margin:0 auto}
li.recent-posts-list{overflow:hidden;padding:5px;background:#FFF;border:1px solid #ddd}
img.gambar-postingan{width:72px;height:72px;border:1px solid #ddd;float:left;margin-right:5px}
h3.title-posts{font-size:13px;margin:0;padding:0;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
li.recent-posts-list span{padding:5px 8px;margin-bottom:10px;display:block}
li.recent-posts-list .post-details{float:right}Jika Sudah Save Tema, Lalu Buka Tata Letak dan Tambahkan Widget > HTML/Javascript, dan masukkan Javascript berikut
<script src='https://cdn.rawgit.com/Arleth98/Js/b757422d/recent-post-ost-widget.js'></script>
<script>
var tampilkanpost = 5;
document.write("<script src=\/feeds\/posts\/default/-/Ost?orderby=published&alt=json-in-script&callback=tampilkanrecentpostost><\/script>");
</script>| Tag | Keterangan |
|---|---|
| var tampilkanpost = 5; | Silahkan Ganti No 5 untuk menampilkan Jumlah postnya |
| Ost | Ganti Dengan Label Post |