A Uncomplicated Related Posts Widget For Blogger

In the final tutorial, nosotros wrote most how to add together the Related Posts widget amongst thumbnails inward Blogger to display related posts from the same category based on the given labels, which would look only at the terminate of your weblog posts. However, perhaps to a greater extent than or less of yous may prefer a elementary version of this related posts widget to display alone the posts titles.

If yous desire to add together it, follow the side past times side steps below:

how to add together the Related Posts widget amongst thumbnails inward Blogger Influenza A virus subtype H5N1 Simple Related Posts Widget For Blogger


How to add together Related Posts Widget to Blogger

Step 1. Go to 'Template' together with hitting the 'Edit HTML' button.

Step 2. Once the template editor opens, click anywhere within the code expanse together with press the CTRL + F keys, together with then type the next tag within the search box (hit Enter to abide by it):
Step 3. Just to a higher house the tag, glue the next CSS code:



Customizing Simple Related Posts widget for Blogger

- To modify the size (27px) together with color (#fff) of 'Related Posts' title, modify the values inward red.
- For the related ship service link color, supercede the #949494 value inward green.
- To modify the background color, supercede the #f9f9f9 hex color inward red.
- For the background color on mouseover, modify the #F4F4F4 value inward red.

Note: You tin ship away utilisation this Color code generator to choice your favourite color.

Step 4. Now that nosotros added the script to brand the related posts work, nosotros postulate to add together the code that volition display it at the terminate of our weblog posts. Find the trouble below:
Step 5. Once yous institute it, yous postulate to click the sideways arrow that volition expand the code. Scroll downward until yous abide by the tag - run into the screenshot for to a greater extent than info:



Step 6. Just to a higher house the tag, glue the code below:
Note: To change the let on of maximum related posts for each label, modify the "5" value from max-results=5

Step 7. Save the changes past times clicking the 'Save Template' push together with view your blog. Now, become to whatever of your posts to run into this elementary related posts widget for Blogger inward action.