Posts

Just use a table stupid for blogger and gmail

Image
 I tried using a word table after watching a video that worked for the person but it takes some tweaking to get the images lined up in a row. I went back and found that an earlier approach using a simple table from VSCode worked really well, including going from 4 to 3 2 1 images.  It works in blogger and show up in compose mode. When the screen narrows the image get smaller rather than stacking vertically. The same code works ok in gmail. The images are small but they do expand to full size when clicked.  I asked chatGPT for some python code that reads in a file of direct links and populates a table with those and saves it as gallery.html, and here's an example of that.
Post a Comment
Read more

try it chats way

Image
chat sort of works, has some clues but still needs tweaks, like resize images and still not clear how to line them up in a row, might be better off with a preformatted table. although this does work to see them in compose mode  like sites, insert image with a link, then use that same link as a link , blogger changes the src to a blogger link so you have to go back and use the original url as the href link do you know how to insert images side by side in google blogger blog posts?  Yes, you can insert images side by side in a Blogger blog post using the following steps: Upload the images to your Blogger post: Click on the "Insert Image" button in the post editor and upload the images that you want to use. Insert the first image: Click on the first image to select it, then click on the "Add Selected" button. Insert the second image: Place the cursor where you want the second image to appear, then click on the "Insert Image" button again. Select the second im...
Post a Comment
Read more

codesandbox

Image
  Static Template Responsive image gallery project 0>/h2> Static Template Responsive image gallery
Post a Comment
Read more

ai X py

Image
 
Post a Comment
Read more

playground vs chat

Image
I struggled with openai playground trying to code an html gallery, but reverted to chatGPT to get this html code done.  It worked directly in google sites, here it is invisible until the preview or publishes blog, and its too wide for the blog page. If you change the body tag to a div tag it shows up in the editor compose mode. It displays 3 in a row and puts the 4th on a second row.  Photo Gallery Photo Gallery
Post a Comment
Read more

W3School2.py

I used W3School2.py in VSC today and had to tweak a couple of things to get some galleries into gmail. This file uses a wrapper div rather than a body tag.  in the tut7 directory   Upload photos to google photos.  Expand each photo and get the direct link with the chrome extension by right clicking  Paste the links into D:\POSTITS\aigeneratorlinks.txt, one per line, no extra lines  Edit the py file to name a new gallery or delete the named gallery  Save the edited py file  Run the py file  Open the new gallery and preview it to make sure its expected  Add a Clear Div above and below  Cntl A, Cntl C  Start a gmail, type a placeholder like XXXXXX  Inpect the gmail  Edit in HTML Cntl V the gallery into the placeholder  Close inspect and it should be looking good, if not come back here and edit this instruction
Post a Comment
Read more

insert video? yes but doesn't show in compose

  Your browser does not support the video tag. it shows up in preview and the publish site
Post a Comment
Read more