How can I configure my Blog Posts?
Blogger offers a variety of blog post settings and it is important to make sure you have the correct blog post settings so that your layout will work correctly.
View the video or see written directions below.
To make sure that this template displays correctly on all devices, it is important to use the correct image settings in the Blog Post Editor.
- Go to the Posts page on the Blogger Dashboard.
- Select a post with images to edit by left-clicking on the post title or on the Edit link below.
- The Edit Post page will open.
- Click on the image to edit. A small blue menu will appear above (or below) the image.
- The left side of the menu lists the various image size options.
- Any image size will work with this template.
- If you choose Original size and your image is wider than the content area, the template will automatically adjust the image so that it fits inside the content area without overflowing.
- There are 3 alignment options in the middle of the menu: Left – Center – Right.
- For full-width images and X-Large or Large size images, we recommend using the Center alignment option. If you choose Left or Right for a full-width image, it will crop or resize incorrectly. The same is true for the X-Large and sometimes Large image size.
- Once you have adjusted your image size and alignment, click the orange Update button at the top right of the window.
- In the Layout Configuration page, click on the Edit link at the bottom right-hand corner of the Blog box.
The Configure Blog Posts box will open.
- Number of Posts On Main Page – You can select how many posts you want to show up on each page of your main blog page.
- Post page text link - This is the text for the READ MORE BUTTON. Make sure you enter your read more text into this box or the read more button will be blank!
The following Post Page Options are relevant to this template:
- Date format – select your desired date format from the drop down menu. You can also uncheck this option to hide the post date.
- Posted by – To show the author’s name in the post meta data, leave this box checked. Uncheck to hide. You can change the “Posted by” text to anything you desire.
- Post time – Show or hide posted time. Change the “at” text to your desired text. Select your desired time format from the drop down menu.
- Comments – Show or hide the number of comments and comments link in post footer. You can change the “comments” text to your desired verbiage.
- Links to this post – Show or hide links to post. Change “links to this post” text as desired.
- Labels – It is not possible to hide the post labels on this template.
- Show Share Buttons – Show or hide the post sharing buttons.
- Show Author Profile Below Posts – Show or hide author profile box below posts. This profile is set by your Blogger Profile settings.
Click the Save button to save your new Blog Post settings.
If you feel comfortable editing a bit of code, you can redirect readers to an alternate page when they click on your profile picture in the Author Profile Box. Instead of your Blogger profile, you can send them to any web page address you would like.
- Go to your Blogger Dashboard > Theme page.
- Click on the gray “Edit HTML” button. The code editor will open.
- Left-click anywhere in the code box then press the [Cntrl] + [F] keys (or command + F on Mac) to open the search window at the top right corner of the code box.
- Type “author profile” into the search box (no quotes) and hit enter 2 times.
- The line of code you are looking for looks like this: <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
- Get rid of the “expr:” part. Just delete or backspace it away.
- Replace the: data:post.authorProfileUrl with the Web Address (URL) for your about page. i.e. http://myblog.blogspot.com/about
- Click the orange Save Theme button at the top.
- Visit your blog (in another browser tab) and click on the image to make sure this worked. Worse case, the widget will disappear.
- If this happens, go back to the code editor tab. Hit the [Cntrl] + [Z] keys (command + Z) to undo your last steps until you get back to the original code then try again.