Recent Post Ost Widget

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 Bisa kalian lihat di bawah 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>
TagKeterangan
var tampilkanpost = 5; Silahkan Ganti No 5 untuk menampilkan Jumlah postnya
Ost Ganti Dengan Label Post
Ok sekian tutorial kali ini semoga bermanfaat dan sampai jumpa di tutorial berikutnya.
Related Posts
Disqus Comments