The removal of the quick-edit tools has made Blogger harder to use.
Here's how to get them back, at least for now.
Update: Google has reversed course on this—at least for the present.
Further Update: In July 2021, Google completely stripped this functionality from widgets. Of the fixes identified here, none work today—or could.
The quick-edit tools let you jump from your blog page to edit. Some of us
find them really useful, and they vanished on January 20.
The trick is to use a browser extension that lets you unhide the tools.
I am running this successfully on Chrome right now.
Do It In Your Browser
Most of the browsers have some extensions that will let you edit the
formatting of websites when viewed through the browser. Chrome has
Stylebot, Safari has
Cascadea, Firefox has
Stylus, and there are others.
I don't regularly use these and can't endorse or advise, but here is how it
works in Stylebot (for Chrome).
- Install Stylebot from the Chrome web store (it is free).
- Navigate to Stylebot from the new Stylebot menu (it is a tiny black square with an S in it at upper right).
- Choose "Options."
- From there, select Styles > Add new style.
- In that window, for each blog, specify the blog url and the formatting instructions, then save.
The formatting instructions are as follows:
.item-control {display:initial;}
Those formatting instructions should work on any of the extensions for any of
the browsers. You can just paste that in.
If that seems like too much, you may be satisfied with another
solution
that makes the icons active and clickable, but also invisible.
Update: This same formatting instruction will also show the "delete" link under each comment.
In any case, that's the tutorial. Stick around for the discussion if you like.
How It Works (and what's going on)
These browser extensions intercept the formatting instructions from a website
and let you substitute your own, which get passed on to the browser's
rendering routines.
So you can use Stylebot et al. to make text darker or bigger or bolder, if you
like.
In this case, we are using it to override the default instructions of
"display:none" for the element "item control." Do that, and you can see it
again.
Since this happens on the level of your personal browser, it does not change
how your blog looks to the world. (And even if your readers could see the
quick-edit option, it wouldn't work for them.)
So why did Google make this change? Why is "display:none" the default that we
have to use these heroic measures to override?
A Theory of Google
I do not know, but I think this is another accident, or collateral
damage.
I don't think the folks at Google woke up on January 20, twirled their
collective moustache, and said, "What new horror can we inflict on our users
today?"
Rather, I think someone (at Google, but no not necessarily at Blogger) threw a
switch and the ball rolled down the slot and struck the plate that moved the
hammer that
anyway you get the idea.
As Exhibit A, I will suggest that "display:none" has always been the
default for Blogger themes, since the controls are generally hidden.
You being able to see them (and only on your blog) is the special case.
So the change could be in how Blogger "knows" you are you—the person who is
supposed to see the pencil.
Safari for one has long blocked third-party cookies for legitimate privacy
issues. Maybe everybody is going to do that now.
Or maybe Google is twirling its moustache after all.
From top: Sprouting plant by
lanailic,
Rube Goldberg,
villain by
JJ.
Quite sneaky, and quite likely beyond most Bloggers' capability. The whole point about Blogger, as you have repeatedly pointed out in previous posts, is that is is supposed to be easy, and merely a way that users can publish their own topics of interest (or whatever takes their fancy).
ReplyDeleteHowever, I am curious as to whether there is any way this can be done within the "Customise theme" area of Blogger itself?
Jx
@Jon, the solutions that do that (one in previous post, one linked to above) share the defect that whatever changes are made apply to all viewers.
DeleteBut if that is acceptable, that approach may be easier for some.
YOU WIN THE INTERNET TODAY: thank you for this. I will give it a try and, even better, I have learned some useful things here I did not know. I teach online and all my students blog, most of them using Blogger, so I feel better ready to answer their questions now. VERY MUCH APPRECIATED!
ReplyDeleteOK - I tried it: installed Stylus add-on, pasted the code, and...
ReplyDeleteIT WORKED! Yay! Jx
Hi Jon. Sorry as a total tecno-pillock I am struggling. I have installed Stylus on firefox. Opened it and gone to options but cannot work out where to paste what. Any help would be great as trying to revamp lots of old posts and this would make it easier, thanks.
DeleteWhen it's installed you just click the "S" icon from the home page of your blog (top right in the menu bar), then click the title of your blog and you get a blank box into which you paste the code (in Adam's post above) there, and click "save" (in the left-hand menu). Scroll down and you'll see the pencil has returned. Hope that helps. Jx
DeleteI'm lost too! I wish I could post a screen shot so you might be able to tell me what I have done wrong. I believe I followed the instructions, but no pencil.
Delete@Fx: As noted above, Google has resolved this problem, at least for the time being.
DeleteI see that you have many blogs; my guess is that you are experiencing this on a blog with a theme that does not support the quick-edit tools under any circumstances.
In any case, the place to take knotty problems is the Blogger Help Community, link in sidebar at right.
Adam, thank you so very much!
DeleteYou have just made an old man happy.
ReplyDeleteThank you.
Thank you so very much, you made my day!
ReplyDeleteHi there, I mentioned this problem to my collaborator, and she gave me this great workaround:
ReplyDeletego into "new post" in the upper right of the screen. the list of everything you already have will come up.
click on "published" of the piece you want to edit and the draft will come up. make your changes and then click "update".
I've been doing this since the Edit pencil vanished but it such a pain to do. It's on the left side of my screen however under POSTS (All, Draft, Published, etc)
DeleteAs of yesterday, the edit pencil is gone Again and I've tried literally everything to no avail. I am despondent. I write a serial story on my blog Aachoo Voo , Private Eye https://aachoovoo.blogspot.com/ and this has shut me down. sigh
DeleteAs stated above, this works like a charm! I'm a grief counselor, not a computer technician, and even I managed to apply your solution! I am ever so grateful. Blessings to you, and thank you! (griefhealingblog.com)
ReplyDeleteMarty, the promise of Blogger has always been that you don't have to be a techy to have a blog. Which makes moments like this disappointing.
DeleteNonetheless your response and those of others here suggest this workaround is at least within reach for many users, without having to go back to school in computer science.
Exactly, Adam. If I can do it, anyone can. Again, thank you so much for being there for folks like me!
DeleteAmazing! I just downloaded Cascadea and after a couple of minutes I have the pencil and sidebar tools back. Thanks for pointing your readers to this app — I've scanned the (meager) list of Safari extensions often, and I had no idea that such an app was available.
ReplyDeleteSo, that's positive reports (in thread) from the other 2 major platforms, Safari/Cascadea and Firefox/Stylus. (Any my own experience with Chrome/Stylebot.)
DeleteThere are other add-ins of this type for these browsers, and also other browsers, but it is a validation of the overall approach.
Thanks, Adam, for this hack. I am OLD and I was frustrated with the disappearance of the little pencil. Now it is back. Good for you.
ReplyDeleteThank you.
ReplyDeleteI'm on Firefox, I looked at the Stylus add-on. The conditions for use seem onerous. Is this a safe add-on? I have added the css snippet, so the pencil is back, so that's good. Anyway, is Stylus ok? I'm so paranoid I don't put apps on my phone. Thank you for this and your other posts, I appreciate you taking the time.
ReplyDeleteHi Allison, I think your caution is wise. Unfortunately, as I said in my post, I don't have enough experience to endorse any of these.
DeleteWhat I would do is consider the reputation of the extension, Has it been around for a while, is it highly rated? If you google it, do you uncover any news stories about malign behavior? Does Mozilla (who makes FireFox) have anything to say about it? I assume they would remove anything that they knew was bad, but I do not know how careful they are about screening web apps.
Thank you very much! Works!!!
ReplyDeleteI just discovered that you can list all your blogs in the first line, separated by commas. Instead of setting many separate "styles".
Thanks, Jerzey! Did not know that.
DeleteAny solution for Vista users who can't update Firefox anymore or add extensions? Asking for a friend....
ReplyDeleteLou
Well done and thank you so much. It worked straight away, it looked difficult at first (being a novice), but followed your instructions implicit and I am well pleased you have sorted this for us. Thank you so much.
ReplyDeleteTremendous. Saved me loadsa time.
ReplyDeleteThanks.
Your blog is extremely helpful and well written. Thanks. It took me a while to get used to the new blogger interface after using the old version on other blogs, but I like it now. I hope blogger will always be around as my theme is designed for it and XML file backups can fail, and sometimes don't save ALL posts. Steven from Film Guide. https://www.filmguideonline.co.uk
ReplyDeleteThe removal of quick edit icon has happened previously. It took about a week or so for Google to repair the problem. When I tried to edit an old post by using the edit feature in the blog list, the post reverted to a 2013 blog post which did not have the subsequent edits.
ReplyDeleteThis latest disappearance of the edit button is associated with others that I encountered this morning.
Those include a failure to remember my Google password and a reintroduction of previously saved passwords from other sites that had been deleted over 2 months ago.
Thanks, @Tennindependent. I don't think all of those problems are related, but I hope you get your blog back.
DeleteThis worked like a dream! Thank you.
ReplyDeleteI would like to also restore in Safari via Cascadea. Same basic instructions? There's a charge for Cascadea, so want to make sure before I buy.
Thanks again!
John, you may wish to see the comment from @capriole, below, before you buy anything. But at least one person has confirmed that Cascadea works as expected.
DeleteI took the plunge, bought Cascadea ($2.99), used capriole's code below, and, bingo!, the tools are back in Safari. An added bonus is I can now comment using Safari, which has also been on the blink. Thank you! This is great day. :)
DeleteI use Safari and as Cascadea extension is not free, i tried using the extension userscripts. It just works like a charm. I absolutely thank you very much.
ReplyDeleteHere is the code, i typed in:
// ==UserScript==
// @name NewScript-4d6ht
// @description This is your new userscript, start writing code
// @match *://HERE PUT YOUR DOMAIN OR SOMETHING; SO THAT THE USERSCRIPT ONLY APPLIES THERE*
// ==/UserScript==
.item-control {display:initial;}
i hit save in the right corner on the bottom, refreshed, and everything is there again! Thank you!!
Thank you, @capriole. As I've said, I do not know these tools very well at all. I hope your tip will help others.
DeleteNoice! Works well. I thought maybe someone at Google discovered some security hole that would let anyone edit my blog and killed it with prejudice. Seems more like that someone somewhere tweaked a style sheet.
ReplyDeleteMes Amis, I suspect it is more fundamental than that!
DeleteAdding Stylebot to Chrome worked first time to show the quick edit pencil. Thanks.
ReplyDeleteThank you so much. Your Stylebot instructions were perfect and my edit tools are back!
ReplyDeleteI am so frigginly obfuscated about this issue that it will take me some days to dispose myself to apply the Stylus hack, this is very very discouraging :-///
ReplyDeleteI spent hours detailing the look of every inch of my blog and just to think that it might be possible that the stupid quick edit buttom could be visible for my readers is very frustrating.
Just to think that Google (or Blogger) has these untrustable inconsistencies just turns all my alerts on. I now feel an unbearable need to save all my contents, even if i need to copy-paste them manually. It makes me feel this blogger, which for many years was for me like home, a hostile place to blog my stuff. Running out of my 'technical' patience.
@Naxos, I have many of the same feelings. I am pleased that the browser-extension idea seems to help a lot of people to restore this particular functionality without affected readers, but it is a pain in the neck!
DeleteMy only concern is the warning when you go to add skyebot as an extension. (It can read and change all your data on websites you visit). Maybe i worry too much at 78
ReplyDeleteHank, the same notice also gave me pause when I installed Stylebot. However, it describes exactly what these extensions do: change the website you visit. So, it is not unexpected!
DeleteJust to clarify, this only gets back the edit tools (and the delete button) for me, right? My issue is commenters right now are complaining about the lack of the Delete link. It seems the only solution to fix that for everyone is to wait for Google/Blogger to fix it, right?
ReplyDeleteThe same code is hiding both features. I have just published a post about that in this blog.
DeleteWhat you have to remember is that using a browser extension in this way only affects what you see on that browser. It does not help your readers unless they use a similar extension.
You can change the code on your blog for everyone. However, it will show delete links for every comment (although these links will not actually work for everyone).
Stylebot worked great. Thank you.
ReplyDeleteWorks, thank you! How absurd that this was necessary.
ReplyDeleteOK, while Chrome has Stylebot, Safari has Cascadea, and Firefox has Stylus, does Microsoft Edge have any similar extentions?
ReplyDeleteThanks a million, Adam!
ReplyDelete(Blogger shows the icon as usual @WIn7, fabulous haha)
All things come to those who wait Pencil Cogs all back today and i didnt do a thing after all Great.
ReplyDeleteI decided to wait it out for a couple more days before using your fix, and my patience was rewarded -- this morning, the pencil is back.
ReplyDeleteIf I remove my Cascadea style, there’s no pencil showing in Safari unless I allow cross-site tracking. Allowing cross-site tracking is what I had to do in recent weeks when I wanted to get back the pencil. So Cascadea is still the option for me.
ReplyDelete@Michael, Safari users have had these issues since May. We got a taste of that for five days this month.
DeleteApple is, with some justification leading the charge against third-party tracking cookies. It makes me think we have not seen the last of this.
No need to install an extension. Thanks for your explanation. I took your idea, but just made a change in the theme. Go to Theme, click CUSTOMIZE. Go to Advanced, scroll down to the last "Add CSS". Just copy ".item-control {display:initial;}" there. Et, viola!
ReplyDelete@z, That was my original suggestion. Most people did not like the way it showed the quick-edits to their readers.
DeleteBut, isn't this academic? Since Google fixed it. Or has the problem returned for you?
Sorry did not work
ReplyDelete@Girl: I'm sorry too!
DeleteRead the 4th paragraph of this post (the one beginning "Further Update") for an explanation of why this fix, identified in January, is no longer an option for widgets.
This problem appeared in my blog today for the first time. I want to follow your instructions, but they are too advanced for me. Can you dumb them down? I'm stuck at step 5:
ReplyDeleteIn that window, for each blog, specify the blog url and the formatting instructions, then save.
The formatting instructions are as follows:
.item-control {display:initial;}
Do you mean type in that window the URL of my blog? Or of the specific blog post? And where do I type the formatting instructions? After the URL? That doesn't look right, but what do I know? Then do I have to do it again for each new post?
Please, I know this is old news for you, but I really, really need help form somebody savvy.
@Galore, sorry to say (as I do in the 4th paragraph) that this solution, which helped a lot of people in January, no longer works.
DeleteFor Stylebot generally, you can specify the blog, a web page (post page eg) or the domain, depending on what you want the style to apply to. In my instructions I said "blog url" because I thought that would be best.
Oh. If it no longer works, then I don't need the instructions. But thanks for answering, and quickly, too. If Google has no solution forthcoming, I'll have to move my blog. Now there's a solution that works.
ReplyDelete@Galore, do you know of a platform that has this feature? Asking for a friend
Deletetoday is aug 13 ... what will work today ...using chrome
ReplyDelete@Girl, the situation has indeed changed (as I note above) since January.
DeleteThe only options today are (1) access the gadgets from your dashboard and (2) complain via feedback.
Hi Adam
ReplyDeleteThanks for keeping the info updated. Earlier in 2021 I had used your original idea, but have now moved to Stylebot to keep the edit pencil - which I very occasionally use to change ancient posts. Thanks also to other contributors for their ideas.
Derek
Dear All,
ReplyDeleteI just had problem with the edit pencil, it disappeared on my blogspot. I was trying to follow your instructions from above, it did not work. Please help. Thank you alot
Here is what I did
- Installed the Stylebot
- On my blogsite, I selected little S Stylebot/OPtions/ => A new browser displayed
- On the new Stylebot browser, I selected Styles/Add New Styles . I pasted the my link in to the big window and pasted the code .item-control {display:initial;}
The "SAVE" button is disabled all time. How do I save the stuff I just pasted in ? Please let me know what did I do wrong.
Please help , Thank you
p.s: I have some posts few years ago, I often come back to that to update, but the pencil is not there anymore. I really do need that edit pencil
@Nora, you should bring your problem to the help community. Sorry I can't solve it here. It sounds complicated, and new.
DeletePS Be sure to give them your blog address.
we are now in DEC 2021 and there still seems to be an issue with editting sidebars - okay, my blog does not change much, butt changing sidebars via layout feels kinda primitive and definitely NOT user friendly
ReplyDeleteJanuary 2022 and I think blogger updated again. I tried all the things you said in this and other tutorials to no avail. Blogger also changed a bunch of my amazon links to blogger.com/edit....blah blah blah that takes me to a 404 page. I'm having to go through each page to see where the broken links are and it's extremely frustrating and time-consuming when the edit icon is gone.
ReplyDelete@Diana, there have been several changes related to this since I published this workaround in January of last year.
DeleteI have described these in subsequent reports, and added two "update" notes last spring and summer at the top of this post (3rd and 4th paragraphs).
In short, Google rolled this back completely, then implemented it a second time for sidebar widgets only. The January 2020 workaround no longer works.
I am not familiar with the Amazon links thing, but you could bring it to the help community. I don't think Google wants to interfere with hyperlinks!
Me too! Took a while, especially as I spelt 'display' wrong first time round! THANK YOU SO MUCH
ReplyDeleteI guess I don't know what this is about, since the workaround no longer works. But if it lets you do something you wanted, that's great!
DeleteJust reading this now (4/30/22). I was on Apple Mojave and could bring the pencil back by deleting a few cookies (randomly). But I upgraded to Big Sur and now pencil is gone. Deleting cookies doesn't help. And here I can't add my name and url even to the comment. But I do appreciate the effort you put into this. Thanks. Steve whatdoino-steve.blogspot.com
ReplyDelete@Steve, I am not sure what has changed, but it sounds as though you need to enable third-party cookies for Blogger.com and blogspot.com. Or use a different browser for the blog (which is what I do).
DeleteFor gnarly questions, please go to the help community!
My blog had the pencil icons until maybe a month ago. The edit options for widgets on my published pages is also gone. It looks like they're meddling again - is this an annual thing for them now?
ReplyDelete@Jen, Google is constantly tweaking things.
DeleteI think most of us who had the pencil for quick edits of posts and pages still do. As noted above, we all lost the toolkit for widgets a year ago.
But there is a sudden uptick in reports like yours that some users have just lost the pencil too.
I am doing research for a blog post about this.
THANKS You are a lifesaver !
ReplyDeleteHugo
@Hugo, I am glad to be of service, but also a bit puzzled as this particular fix no longer works as things have changed.
DeleteWould you mind telling how it helped you? As I was thinking of depreciating this page. But if it still is useful I would like to understand that.
In short: Still use my own classic thing. Tinkered with mobile version. Lost the pencil on classic thing. It remains on the mobile version. ;cry
ReplyDeleteThat's a shame, Sandracer.
DeleteHowever, things have changed a bit since I posted this report 3 years ago. You might try the remedies described in this report.
If neither of them work, you can roll back the changes you made by restoring a previous backup.