Pages

Tuesday

Ref - How to Put Pictures in one Row (Side By Side) Horizontally in Blogger


How to put pictures side-by-side. 

Step 1.  Place several rows of text as place markers as shown.

XXXXXXXXXXXXXXXXXXXXX

XXXXXXXXXXXXXXXXXXXXX

XXXXXXXXXXXXXXXXXXXXX

Step 2. To create 1 row with 3 columns wide, go to the following site ... 
http://vendyxiao.com/how-to-put-pictures-in-one-row-side-by-side-horizontally-in-blogger/ 
and copy the HTML shown below and paste it between two of the place markers of your post editor:
















Step 3. The result will look like the following:



Replace the blue text with your picture URL. Replace purple text with the height and width of pictures you want to set. Replace the red and green with the pictures title.

Step 4. Next, click on the "Pic" symbol and the Insert Image and select a picture. 


Step 5. After displaying the image, select "Small" and Add Caption and type a caption. 

Step 6. Do this for all three and then select and delete each pic name. The result should be like shown below.


Fig. 01

Fig. 02

Fig. 03

For more information go to ... https://owlcation.com/stem/how-to-align-images-side-by-side