Advanced Random posts widget for Blogger with image thumbnails and snippets alphause

Helplogger Home Blog DesignWidgets SEO Menus Po ... Advanced Random posts widget for Blogger with image thumbnails and snippets 12 comments When your blog has too many posts, visitors don't always have the time or desire to go through all the posts written there in order to make an idea of the blog's content. Thus, a random posts widget that will allow visitors to find content more easily could be really useful. This tutorial will show you how to add a random posts widget to display a list of posts in a random order with thumbnails and excerpts. Check out the right sidebar to see a demo. Steps to Show Random Posts with Thumbnails and Posts Summary in Blogger Step 1.Login to your blogger account, select your blog and go toLayout. Step 2.Add new widget by clicking on theAdd a gadgetlink and selectHtml/JavaScriptfrom the popup window. Step 3.After adding the Html/Javascript you need to grab the following code with styles attached.

Step 4.Just paste this in the widget area and give widget the title of "Random Posts". Random Posts Options- Thumbnail dimensions:to change the size of the thumbnails in pixels, replace the75pxvalue. - Summary length:you can control the the length of the summary (in characters) by changing the110value fromvar rdp_snippet_length=110; - Post info: if you want to hide the post date and comment count change 'yes' fromvar rdp_info='yes';to 'no'; - Font Size for Posts Titles and Summary:to modify the font size for the post snippet modify the11pxvalue and for the posts title, the12pxvalue; Step 5.Click on theSavebutton and you're done! Your sidebar will display a random posts widget on each of your blog pages. Like 1 Random Posts Possibly the most simple jQuery Slider03/09/2013 - 9 Comments How to Create a Sitemap or Table of Contents in Blogger21/12/2013 - 9 Comments How To Change Avatar Size In Blogger Comments05/05/2012 - 10 Comments Related Posts: Recent Rotating Post Gadget with Ex... 4 Different Styles For the Popular ... How to Add Numbered Page Navigation... Share blog posts in social medias u... Add floating social media sharing b... 12 comments: Audrey Williams 2/11/2014 Hey! For some reason is not working on my blog. It shows nothing. I think it's a script problem? Idk. My recent post widget w/ thumb. is working, but not this one. Any ideas? Reply Sebin Thomas 2/17/2014 Thanks, Working fine for me :D Reply Olga K 2/25/2014 Hi, can you please help? Why do I see NO image available instead of my thumb? I have pics in those posts. Reply Nayeem Rahman 2/27/2014 I want only the snipped image and title. And it must be placed horizontally. pls help me Reply Anonymous 3/04/2014 I don't know if I made some mistake but this code screwed my HTML editor for a while, It just crashed and crashed didn't let me edit, I didn't know what was the problem but it changed when I removed this widget... Maybe something is wrong, or maybe it's just me... Reply Anonymous 3/04/2014 Oh, it just hit me, I have this ''DISQUS'' widged/comment manager and maybe that was the problem because this random post widget uses the comments as part of the whole... Reply Anonymous 3/04/2014 I'm sorry to bother you but could you provide me this same widget but without the comments option? Without involving comments at all. Thanks, great blog. Reply Replies Admin 3/04/2014 Hi there, You could try this scriptinstead and change 3 fromvar rdp_numposts=3;with the number of posts to be shown. Make sure that you don't set up more posts than those you have published on your blog. I hope it will work now. Thanks for visiting! Soshail Akash 3/04/2014 Bro Can you Help Us Have It in a "Grid View" As Well? It would be Awesome having it in Both Views. I Hope You wouldn't have to make much changes in the code to give it a Grid view. waiting to hear from you soon. Best Regards, P.S You work Is Awesome !!!!!!!!!!! Reply Replies Admin 3/05/2014 Hi Soshail, I will try to add this function when I will have more time but I don't promise anything. Thank you for the feedback! :) miamoto Musashi 3/07/2014 Great! Thank you! Reply Petula Lloyd 3/12/2014 Hi! Is there anyway to only display posts between certain time periods or those only with photos/images? Thanks. Reply Add comment Comment as: Sign out Notify mePublishPreview Privacy Policy| Disclaimer| Terms of Service| Sitemap Back to Top DMCA PROTECTED Search Search Follow on Facebook Helplogger Like 2,775 people like Helplogger . Facebook social plugin Follow on Blogger Subscribe via Email Receive Quality Tutorials Straight in your Inbox by submitting your Email below. Submit Or subscribe via RSS Feed Recent Posts How to Add Numbered Page Navigation Widget for Blogger 5 Easy Ways to Improve the SEO of a blog & Boost Traffic What is the difference between padding and margins? Add a Custom jQuery Lightbox To Blogger How to Use Cookies in Javascript Recent Comments Joseph V M Hi, I've added pagination to my blog... dara king good Mel Ancheta You did it finally, thanks admin (: sorry for my late reply... Sandra Harriette It never ceases to amaze just how much we can do with Blogger.... Gabor Sziladi One question i still have...how can i keep distance between my... Popular Posts Simple Recent Posts Widget for Blogger/Blogspot Create A Rollover Image Effect (change image on mouseover) Recent Comments Widget For Blogger How to remove Blogger Picture/Image Shadow and Border Hide/Show Widgets /Gadgets in Home/post /static/archive pages in Blogger 1 Like