Can I edit the Related Posts Section?
Yes, there are certain variables for the Related Posts Section that shows at the bottom of each single page post that can be edited.
These variables include:
- Maximum # of posts to show
- Default thumbnail for posts that have no featured image
We strongly recommend you do not attempt to edit any of the other code.
Watch the video or view the written directions below.
Before you make any changes to your template, especially via the Edit HTML code editor, we STRONGLY recommend you download a backup of your current template setup.
- Log in to your Blogger dashboard.
- Go to the Theme configuration page.
- Click on the Backup/Restore button in the top right hand corner of the screen. The Template > Backup/Restore box will open up.
- To backup your current template, click on the orange Download full template button. Your template will download to your computer’s download folder with a name like template-##############. If want to restore your old template at any time you can upload this file using the Backup/Restore feature.
- Navigate to the Theme page on the Blogger Dashboard.
- Click on the gray Edit HTML button.
- The HTML editor screen will open.
- Left click anywhere in the code editor screen. Press the [Cntrl] + [F] keys to open the search box. (Command + F on Mac)
- Type “END RELATED POSTS” into the search box and hit the [Enter] key.
- Above the search results you will see a section of code that starts with: <div CLASS=”related-posts-widget”>
- Look for this piece of code: max_posts:4
- Change the “4” to any number you choose.
- If you choose a number larger than 4, bear in mind that you may cause layout problems with the section.
- Look for this piece of code: ,thumb_default:'http://2.bp.blogspot.com/-qnPpq-rUQrE/VSZu0f0u5dI/AAAAAAAAAs0/ODeftPoP-Kw/s1600/noimg.png'
- This setting will supply a default image for any posts that do not have a featured thumbnail/image attached to them.
- You will need to supply the full image URL (web address) for your default image. You can upload it to your Blogger blog or a site like Flickr or Photobucket. Make sure the image is publicly viewable.
- To add a default image, insert your URL between the ' i.e. 'http://www.example.com/myimage.png'
- To save your template changes, click on the orange Save theme button.
- View your blog single post pages to see the effects of the changes.