Sharing Tutorial, Template dan Widget Blogger

February 18, 2016

How To Easily Creating Recent Post Widget For Bloggers

  6 comments
Recent Post is a widget on blogger that shows a collection of articles that are published or just wrote the last published. The existence of this widget, then some new articles we publish will be collected in a list in a widget in the sidebar of Your bloggers. The installation of this widget on your blog will be very beneficial and could increase the number of visits on your blog page. Otherwise it will make your blog become more colorful and seem more attracted the attention of visitors to click through and read the content of the posts provided. This time, Fostrap will share How To Easily Creating Recent Post Widget For Bloggers. An example is a distributed like the example in the image below.

Recent Post Widget For Bloggers

Let's Create Recent Post Widget For Blogger

First, we need set up for adding widget blogger, see the sidebar on left. 
see picture below

sidebar blog recent posts
Then, we need set up again in main bar
see picture below

add gadget for recent post

Lastly, the new window tab will appear
see picture below

simple recent post widget

Recent Post Blogger With Thumbnails Image

recent post thumbnail widget blogger

Then, copy this script below

<link href="https://googledrive.com/host/0Bwg9nKxkueEjdFBpNXNNTG1CRzA/" type="text/css" rel="stylesheet" />
<script src="https://googledrive.com/host/0Bwg9nKxkueEjUjlXaHozTTJFYnc/"></script>
 <script type='text/javascript'>
var numposts = 3;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = true;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;</script>
  <script type="text/javascript" src="http://YOUR URL.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs"></script>

Copy script dont forget to change text YOUR URL, lets see picture below

paste script recent post thumbnail blogger

Note :
  • If you want to change the number of recent post widget, just change var numpost =
  • If you want to change no thumbnails just change var showpostthumbnails = true into var showpostthumbnails = false
  • If you want to add Recent Post Widget with Summary just change var showpostsummary = false into var showpostsummary = false
Congratulations! Your blog now already installed Recent Post widget, Good Luck and Happy Blogging

Subscribe to our Newsletter

Wisnu ST

Yo! I'm Wisnu ST. I'm surfers search engine. I'm blogger. I'm cat lovers. Im everywhere. I'm based in Tangerang, Hire me!

6 comments :

  1. the tutorial is very complete and good, but could be included DEMO her? :)

    ReplyDelete
  2. link JS https://googledrive.com/host/0Bwg9nKxkueEjUjlXaHozTTJFYnc/ error bro

    ReplyDelete