Tuesday, March 28, 2023

Adding an image to an existing blog post

This tutorial will walk you through the process of adding images to an existing blog post.

The procedure below is based on the guidance found in how to add images & videos to your blog from the official Google Blogger site.


1. Sign into blogger AND select the desired blog.

2. Click the post to which the image is to be added.

3. If desired, click on the post on the spot at which the image is to be inserted.
NOTE: You will be able to relocate the image at any time.

4. From the top menu, click the "Insert Image" icon:

Blogger Insert Image Icon

a. A pull down menu will appear:

Blogger's Edit Image form

NOTE: This tutorial assumes your image resides on your hard-drive. You may also choose the image from one of the other identified sources.

5. Select "Upload from Computer".
a. An "Add Images" pop-up will appear.

6. Select "Choose Files".

7. Locate and select the desired file(s) on your computer.

8. Click "Open".
a. The selected files will populate on the "Add Images" pop-up.
NOTE: Once files are uploaded to Blogger via the "Add Images" pop-up, they may be re-used by choosing "Blogger" rather than "Upload from computer" in Step 5.

9. Click on the files to be added to the post.

10. Click "Select".
a. The selected files are now inserted into the post.

IMPORTANT: You MUST add "Alt Text" as described below to any media added to your posts or pages to be in compliance with the American with Disabilities Act (ADA).

11. Click on an image.
a. A menu bar will appear below the image. 

12. Click on the gear-like "Settings" icon.
a. An "Edit Image" pop-up will appear: (insert image) 

Image of Blogger Edit Image form

13. Populate the "Alt Text" field (Required)
NOTE: This field is read by screen reading programs (e.g. for blind persons) as well as search engines (e.g. Google).
NOTE: Failure to populate this field is not only a violation of the ADA but may result in your post/blog being overlooked by search engines.

14. Populate the "Title Text" field if desired (optional).

15. Click "Update".

16. Relocate the placement of the image as desired.

17. Repeat steps as necessary to add additional images.

End of Tutorial


 

Monday, March 27, 2023

 Demo: Changing the appearance of a Blogger blog by changing its theme.

A "theme" may be considered as a backdrop for a blog and appears consistently throughout.

This is a screen shot of my original blogger theme:

Screen shot of Blogger Theme Contempo Light

This is a screen shot of my new blogger theme:

Screen shot of Blogger theme Travel Beach

The following tutorial was developed from official Google documentation use themes to change how your blog looks and provides step-by-step instructions for changing the appearance of your blog by changing its theme.

1. Log into Blogger.

2. From the Left-Hand menu bar, select "Themes":

Screen shot of left-hand menu bar in blogger


a. A selection of various themes appears:

Screen shot of sample of Blogger themes

3. Browse the themes.

4. When a potential theme is identified, click on its icon and select "Preview" to see how the blog might appear.

a. Repeat step 4 until the desired new theme is identified.

5. When the new theme is identified, apply it to your blog by:

a. Clicking on its icon.

b. Selecting "Apply"

6. Select "View Blog" from the bottom of the left-hand menu bar to view your blog.

End of Tutorial

Sunday, March 26, 2023

Adding Blogger Pages

 How to add a Blogger Page. 

This tutorial is based on official Google help.

1. Login to Blogger

2. Select the desired blog

3. From the menu bar on the left side, select, in order:

    a. Pages.

    b. New Page.

Snip of Left Hand Menu Bar 

     c. A "What-You-See-Is-What-You-Get" editor will appear.

4. Name the PAGE.

5. Add content (text, images, etc.)

6. Publish the PAGE.

7. View the PAGE.

8. Copy the URL for the PAGE.

9. From the left-hand menu bar, choose "Layout".

10. Under "Sidebar", choose "Add a Gadget".

    a. A list of gadgets will appear.

11. Scroll down the list and choose "Pages".

    a. A "Configure Page List" form appears:

Snip of Configure Page List form

12. Add title if desired.

13. Select the "Edit" pen.

    a. A new form will appear.

14. Under the "Page URL" heading, replace the existing URL with the URL copied in Step 8.

15. Click "Save".

16. Click "Save" again.

17. Click "View Blog" from the left-hand menu bar (at the bottom).

18. Click the three-bar "hamburger" icon near the upper left corner.

19. Click the link for newly created PAGE.

20. Click the "back" arrow to return to blog home page.

End of tutorial




How To: Create a Template for your Posts

This post will show you how to create a template. Using a template can be a time-saving convenience if you post often with repeated content....