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.
Copy script dont forget to change text YOUR URL, lets see picture below
Note :
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
Then, we need set up again in main bar
see picture below
Lastly, the new window tab will appear
see picture below
Recent Post Blogger With Thumbnails Image
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
Note :
- If you want to change the number of recent post widget, just change var numpost = 3
- 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
the tutorial is very complete and good, but could be included DEMO her? :)
ReplyDeleteyou can see the demo on my side bar :D
DeleteKeren dan bagus tutorialnya :)
ReplyDeleteNice Post, Thanks
ReplyDeleteU're welcome
Deletelink JS https://googledrive.com/host/0Bwg9nKxkueEjUjlXaHozTTJFYnc/ error bro
ReplyDelete