Create Recent Post Ost in Blogger Widgets

Posted on

This time I will share a simple tutorial, this tutorial I made based on request. Namely Create Recent Post Ost in Blogger Widgets, I created this for you who have a blog with niche Ost or Download Song , may be useful for you guys. Ok, let’s start this tutorial.

Demo Click here

First Go to Blogger > Themes > Edit HTML, and save the following CSS under <style>

copy the code below:

/* 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}

Both Save Theme, Then Open Layout and Add Widget select HTML/Javascript, and enter Javascript below

Do not copy the code below:

<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>

Change the code marked blue
5 with the number of posts you want to display
Ost with the label you want to display Enough for today thanks
regards ARLETH98

Leave a Reply

Your email address will not be published. Required fields are marked *