Horizontal Random Post Widget With Thumbnails For Blogger

Horizontal Random Post Widget With Thumbnails For Blogger

Horizontal random post widget with thumbnails

Recently I've kept Google in work by searching around for a half decent horizontal random post widget with thumbnails for use in Blogger.  Unfortunately I could not find anything that I was happy with, so decided to edit the best peace of code I could find.  Credit to BloggerPreneur edited by Helpful Blogger Tips



Random widget example, automatically blends to your template.

Random horizontal post widget

To start, go to your Blogger dashboard, Layout > Add a Gadget, select HTML/JavaScript

HTML Java Script

Now copy the HTML code below and paste it in the gadgets text box.

HTML Code

How to edit?

Customize the blue variables to suet your needs.
Save and move the Horizontal random post widget with thumbnails wherever you like.

Job Done...

Clean Add Related Posts Widget To Blogger With Thumbnails

Clean Add Related Posts Widget To Blogger With Thumbnails 

Displaying related posts is a smart way for keeping your site visitors around and with thumbnails it is even smarter!This widgets is one of most popular way to increase to show related post to blogger.After you will add this widget it will start above comment section.The related articles are chosen from other posts in that same category/label/tag.Related post widget help you to show visitor your past and previous stories.It also help to increase page and make readers engaged on reading your blog post.

Features

• Responsive Design
• Fast Loading And SEO Friendly.
• Shows Post of  same category/label/tag.
• Blog Post Title with Thumbnail.
• Easy to Install.

Related Widget

• LinkWithin Related Posts Widget With Thumbnail For Blogger
• Recommended For You Slide out/Popup Related Post Widget For Blogger

Steps adding the Related Posts Widget to Blogger/Blogspot

Step 1. Go To Blogger Dashboard >> Template >>Edit HTML;

Step 2. Check the "Expand widgets template" box;

Step 3. Search (CTRL + F) for this piece of code:

Step 4. Copy and paste the below code just before/above

Note:
- change the 6 value from max-results=6 with the number of posts you want to be displayed.
- If you want the related posts to be displayed on homepage too, remove the code in violet.

Step 7. Save the Template

Hurry Previous Code Modified With Above Now its Tested by S2free Team Working 100% Fine.

Enjoy :)

Clean Add Related Posts Widget To Blogger With Thumbnails
Last Reviewed by S2Free Blog Team on June 10 2013
Rating: 4.5

Add Related Posts With Thumbnails In Metro UI Blogger Template

Add Related Posts With Thumbnails In Metro UI Blogger Template

Metro UI is an innovative Windows 8 Style Blogger Template. This theme has a lot of similarities with the Microsoft’s latest operating system Windows 8. This template is ideal for blogging niche like technology, multimedia, entertainment, magazine, and etc. Nonetheless, that’s not all because it is robust enough to be used on any kind of website. By default, this theme has a greenish color scheme. However, you can customize the theme as per the needs. It has some built-in extra-ordinary features like Numbered page navigation, Elegant Menu, 4 column footer, and much more.

Now We Are Telling You How To Add Related Posts With Thumbnails In Metro UI Blogger Template

Metro UI Blogger Template Show Related Post Under Each Post!

LinkWithin is a blog widget that appears under each post, linking to related stories from your blog archive.

Don't Let Your Past Stories Go to Waste!

We retrieve and index all stories from your blog archive, not just recent stories, making them accessible to new or casual readers of your blog who would not otherwise encounter them.

Increase Pageviews, Keep Readers Engaged

The widget links to stories that are relevant and interesting to readers of a particular post, keeping them engaged with your blog, and increasing your traffic.

Elegant, Unobtrusive Design

Our widget is minimally styled and blends in with your site design.

Free and Easy to Install

The widget is free and ad-free. It takes a minute to get the widget up and running on your blog, no signup required!

STEP TO ADD RELATED/YOU MIGHT LIKE ALSO
VISIT http://www.linkwithin.com

Enter your blogger Details :

You may change Platform for blogger, wordpress (Self-Hosted),Type pad & others

Click on Get Widget

Next Window

1. Click Install Widget to open Blogger in a new window, and follow the steps below in that window. Login to your Blogger account if necessary.

2. Select a blog if you have more than one, then click on Add Widget.

3. (Optional) For better performance, Drag and Drop the LinkWithin box under the "Blog Posts" box.

4. Click on Save.

And you're done! The widget should now appear on your blog.

Source VIA

_________________________________________________________________