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.
Subscribe form
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">
<h2>join the cool kids?</h2>
<p>no spam, no nonsense! curated stuff only.</p>
</div>
<form action="FORM-LINK" class="signup-form" method="post" target="_blank">
<input type="text" name="FNAME" placeholder="Your name" value="" required />
<input type="email" name="EMAIL" placeholder="Email address" value="" required />
<input type="submit" value="Subscribe" />
</form>
</div></div>Profile
The profile is the "meet freya silver" section on the home page below the subscribe form. You can use it to add some information about yourself and your blog.
Before you start! The "Profile Image (Background)", "Profile Image (Main)" and "Profile Text (Do Not Delete!)" 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 the 2 images - open the "Profile Image (Background)" and "Profile Image (Main)" widgets > 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 (Do Not Delete)" widget.
- Title - replace "Add a title here" with your own title; don't remove the h2 tags around the title
- Text - replace "Paragraph 1/2. Add some text here." with your own text; don't remove the p tags around the text (you can remove the second paragraph, if you want only one)
- Link - replace LINK with the link to your About page
Here's the HTML in the "Profile Text (Do Not Delete)" widget:
<h2>Add a title here</h2>
<p>Paragraph 1. Add some text here.</p>
<p>Paragraph 2. Add some text here.</p>
<a href="LINK" class="profile-button">the full story ➔</a>Featured Boxes
The featured boxes are the 4 boxes below the profile ("meet freya silver") 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.
- Icon - if you want to change the icons, follow the instructions below *
- Title - replace "Featured Box Title" with your own title
- Image - check "Upload image from computer" below Select image by: and upload an image
- Link - add your link to the "Link" field
* How to change the icons?
- Go to FontAwesome and choose an icon
- Click on the icon and click once on the HTML box to copy the code
- Go to Blogger > Layout > open one of the Image widgets from the "Home Before Content (Grid)" section
- Remove the code for the old icon from the "Caption" field and paste the new one
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.
Popular Posts
The popular posts widget ("readers are loving these!") is already configured to display the most popular posts (posts with the most views) from the last 30 days. If you want to change that to 7 days, all time or last year, go to Layout > scroll down to "Before Footer" > open the "readers are loving these!" widget.