Writing the quality posts and engaging users with the content available on website is the key of success in blogging platforms. There are lots of tricks to achieve these goals. Here I am going to post one of the way which will surely engage your users with content available on website using animated recent post widget with thumbnails!

5. paste into "HTML/JavaScript" section. Enter any title line "Recent Posts". Click on "Save".

6. Done now check out your block whether it's working or not!

Customization

Change http://www.funwithtricks.com/ with your blog address.

Change the value in numposts = 12 with the number of posts that will be shown in one rotation.

Change the value in limitspy=7 with the number that you want to show in one time.

Modify width according to your needs.

Troubleshooting

Thumbnails are not displaying according to posts

Make sure you have set the site feed length as "Full", not short or custom. This can be changed from Settings - Others - Set "Allow blog feed" to "Full". Click on "Save settings".

Scrolling effect is not working

This is due to conflicting versions of JQuery scripts. Do check the head section to verify no other version of JQuery exists or any other widget requires higher version than the version we have iintegrated here. We have used here the JQuery version 1.3.2.

About Author

I’m Vinay Vernekar , a young Entrepreneur and a Technology blogger, currently living in Kolhapur, Maharashtra, India. Founder and Main author of Fun With Tricks. I am also running web hosting services at Host With Us and King Of Web Host. if you like this article, pin it with social media, subscribe to our newsletter. Follow me on Google Plus, Facebook, Linkedin and Twitter.