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
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser

Post a Comment On "Recent Post Ost Widget"

Disqus Comments