The instructions below will help you configure the widgets on the home page.
Slider
Click here for instructions for the slider - how to display featured posts, some troubleshooting advice and how to avoid blurry images.
Newsletter
Click here for instructions on how to connect MailChimp to the subscribe form + the HTML for the form in the sidebar.
This is the HTML of the form on the home page (some additional HTML to customize it - you can add the form action link the same way):
<div class="newsletter-wrapper"><div class="newsletter-wrap">
<div class="newsletter-header">
<h3>Title</h3>
<p>Add some text here.</p>
</div>
<form action="FORM-LINK" class="signup-form" method="post" target="_blank">
<input type="email" name="EMAIL" placeholder="Email address" value="" required />
<input type="submit" value="Subscribe" />
</form>
</div></div>
Replace "Title" and "Add some text here." with your own text.
Featured Boxes
The featured boxes are the 4 boxes in the "What is Rosamund up to?" section on the home page. You can use them to highlight important pages or label pages on your blog.
Before you start! The Image widgets in "Home Before Content (Grid)" have been altered for customization. If you remove them and then re-add them, they will not look the same. If you want to hide them for now, open each widget > uncheck "Show this widget" at the top and save the changes.
Go to Layout > scroll down to "Home Before Content (Grid)" > open each Image widget and add your information.
- Title - replace "Featured Box Title" with your own title
- Subtitle - add your text to the "Caption" field; make it short & sweet so the text wont cover the entire image
- Image - check "Upload image from computer" below Select image by: and upload an image
- Link - add your link to the "Link" field
How to add a title?
Go to Layout > scroll down to "Home Before Content (Grid) Header" > add a HTML/JavaScript widget > add your title to the "Title" field and save the changes.
Profile
The profile is the "Meet Rosamund" section on the home page. You can use it to add some information about yourself and your blog.
Before you start! The "Profile: Image" and "Profile: Text" widgets have been altered for customization. If you remove them and then re-add them, they will not look the same. If you want to hide them for now, open each widget > uncheck "Show this widget" at the top and save the changes.
Go to Layout > scroll down to "Home Before Content 2".
Add an image - open the "Profile: Image" widget > check "Upload image from computer" below Select image by: and upload an image (don't add any text, just save the widget after you upload your image).
To add a title, text and a link to the button, open the "Profile: Text" widget.
- Title - replace "Meet Rosamund" with your own title; don't remove the h3 tags around the title
- Text - replace "Add some text here." with your own text; don't remove the p tags around the text
- Link - replace LINK with the link to your About page
Here's the HTML in the "Profile: Text" widget:
<h3>Meet Rosamund</h3>
<p>Add some text here.</p>
<a href="LINK" class="profile-button">learn more about me</a>
Favorite Posts
The favorite posts section is the "my favorite outfits" widget. You can display the 3 latest posts from a specific label (you can't add more than 1 label) or you can add the label Featured to the 3 posts you want to highlight.
Go to Layout > scroll down to "Home After Content" > open the "Favorites Section" widget.
- Subtitle - replace subtitle with your own subtitle (italic text below the heart icon)
- Title - replace Title with your own title
- Label - Featured is added as a label by default, so you can either add it to the 3 posts you want to highlight or replace Featured in the code with the label you want to display posts from
Important! Blogger's labels are case-sensitive, so make sure to write the label exactly the same way in both places (posts + HTML). For example, Blogger will consider featured and Featured to be two different labels. So if you write the label as Featured or FEATURED in your posts, write it the same way in the featured posts's HTML.
Here's the HTML of the featured posts section (in case you delete it or there's an issue):
<div class="featured-wrapper"><div class="featured-wrap">
<div class="featured-header">
<i class="fas fa-heart"></i>
<div class="featured-subtitle">subtitle</div>
<div class="featured-title">Title</div>
</div>
<script type="text/javascript">
var numposts = 3;
</script>
<script type="text/javascript" src="/feeds/posts/default/-/Featured?published&alt=json-in-script&callback=featuredposts"></script>
</div></div>