It sounds like a cool hack: draft your post in your favorite app, photos and all, then paste that into the Blogger editor.
|
Grab that thing you're quoting from the web and paste into the post.
The good news is that this will usually work (with some quirks), but you need to take extra steps to protect your blog from junk code.
Pasting is a shortcut that comes with some disadvantages. The most reliable, error-proof way to add an image is via the Insert Image tool on Blogger's editing toolbar.
|
| The Insert Image menu |
Junk code
There are two ways to fix this. You can paste as unformatted text (Ctrl + Shift + V in Windows, Command + Shift + V on a Mac).
Or you can paste, select everything you pasted, and apply the "remove formatting" tool from the editing toolbar in Blogger.
That's the last tool on the right, It looks like an italicized T with a slash through it.
You'll want to use the second method if your selection includes an image or a hyperlink. The first method will fail to post the image, and will strip the text of any links.
Whichever method you use, you may find that the text has lost any spot formatting (such as italics) and has extra line returns or other formatting changes. Restore the formatting in Blogger's editor.
Images
Pasting from your device or from a document, even one hosted online, will generally upload a copy of the image into Blogger, as if you had used the Upload option from the Insert Image menu on your toolbar.
|
|
Upload can get an image into your blog. |
Unless you are pasting from another Blogger blog, pasted images will likely misbehave when you format them. They won't have all of the positioning code that Blogger expects.
- Images may jump to the very top or bottom of the blog post when you work with them. Reposition them once you have formatted them the way you want (size, alignment, metadata, caption).
- Adding a caption, even a blank one, can help.
- The formatting will add the expected codes and cause the images to stay put once you reposition them where you want them.
You may be able to copy and paste image files directly into your blog from your device. (That works on a Mac: I no longer use Windows so I haven't tested that. Let us know in a comment.)
Pasting images may fail, depending on the source. They won't come over from Google Docs, for example.
There is no trick or workaround if the image paste fails.
No names
The name can be useful if you are trying to locate it in HTML mode, and Google has said having a descriptive name in the URL helps search engines to identify the image.
However, pasted images do not have this file name. If a file name is important to you, do not use this method to add images to your blog. Use the Insert Image tool in the editor instead.
Wish list
A guy can dream.
Postering photo: Cottonbro Studio/Pexels



I insert directly from my PC or my Google photos only. I don't want images on the blog subject to external sources.
ReplyDeletePasting an image file from your PC will work exactly like an upload using the Editor, except for the file-name issue I describe in my report.
DeleteMy personal practice is a lot like yours.
I'm strictly on mobile at the moment, and I'm so frustrated that copy pasting from Docs with linked text intact doesn't work. On desktop that's what I do and then I reformat. (The issue is mobile Docs files, not Blogger, because it didn't work pasting other than plain text to other platforms either.)
ReplyDeleteI haven't even tested performance on Android!
DeleteThere are so many variables: OS, browser, source. It does seem, though, that what had been a risky move (images that don't persist, or Bas64) is today either "it works" or "it doesn't."
I think people should focus more on how the text looks on the blog - where readers see it (use the [Preview] button) - not in the editor.
ReplyDeleteI'm a fan of clean code in the post editor. Just the absolute minimum of HTML/CSS. Focus on writing, then add all the missing tags: paragraphs, headings, links, and images. If you need to paste something, avoid external formatting so the text matches your blog’s style. Anything you would have to repeat manually should be defined in the CSS code, not applied locally in the post editor. This way, you avoid problems and the text will always look the same. And when something is wrong, it’s better to find a solution or ask someone for help than to override it with more custom styles. The cleaner the code, the easier it is to make global changes to it or modify entire themes.
Note: The correct keyboard shortcut for Windows is Ctrl+Shift+V, because Ctrl+Alt+V is used for something else. I don’t have a Mac to check, but Apple says the shortcut is Option+Shift+Command+V; however, Command+Shift+V is also considered correct, so it seems to depend on the app (Safari vs. Chrome?).
I usually use HTML editor than the post editor. This way I can see what actually is there in the post.
DeleteP.S.: Any suggestions on how to generate and add HTML tables with clean code in Blogger? Pasting table from Word/Excel using paste without formatting removes the tables and keeps only text. And pasting tables from Word/Excel will add a lot of unnecessary codes.
Thanks, it has been a while since I used Windows for anything! I'll make that change.
ReplyDeleteI'm not sure you are suggesting otherwise, but I'm cautioning against unbridled pasting of formatted text even if it looks OK in preview. The effects of junk code can be cumulative, so a work flow that regularly adds it can, for instance, slow down the blog over time, or introduce other issues.
As you say, paste clean code, then add any spot formatting from the editor. And global changes, such as the base typeface, should be changed in the blog theme using the theme customizer or by editing the theme xml.
I agree with you; I'm just adding a few additional comments ;)
DeleteI saw photos and paragraphs inside h2/h3, and the text below was manually resized to make it smaller. Someone didn't know how to handle it and applied more styles just to make it look "OK". I think it would be easier for people to edit if individual blocks were displayed more clearly in the editor - perhaps highlighted when clicked, showing where they start and end, what styles are applied to each block, and so on.
I don't think this is so much related to this topic, but have you noticed or heard from anyone else there seems to be a problem with the Blogger Editor? I can't remember when they incorporated an auto save when you're editing, but mine seems to keep freezing (a constant spinning circle). I've cleared my computers memory, cleared Chrome cache, it's still occurring. I have to copy the entire post to my clipboard, back out of the post, go back in.
ReplyDeleteI think the problem is probably at your end somehow, for exactly the reason that I have not heard about this from others. I hang out in the Blogger help community and general bugs affecting lots of users tend to light up the board there.
DeleteIf you are unable to resolve this (say, by rebooting your router or Chrome), then you might take this problem there. The help community is much better suited to solving problems than are Blogger comments sections.
Okay Adam, thanks for your input.
Delete