{Blogging DIY Series} How to remove Wrench ICON

Ever since I started blogging I have wondered how people Created, Modified and/or Edited Html code and it has had really bugged me. I have used a few bloggers to design a blogging template to my liking e.g. this blog The Myrabev Life or bought a pre-made template e.g. A July Dreamer template and though I am grateful I wondered if once I have bought and paid for the template is I could modify it and maintain it myself instead of hiring someone to do it for me and so the research began last month on HOW TO change certain things on my blog that I was not happy with. I shared with you when I started this series How to create and add a personalised favicon to your site for: Blogger then WordPress since my blogs The Myrabev Life is on blogger and A July Dreamer is on WordPress that I wanted to be able to modify my blogs myself. When I did these two posts I have been very happy with the feedback not only here on the blog but on facebook, g+ and pinterest. I then shared with you How to install google fonts, I have wanted to learn this for the longest time as there certain fonts I want for my blog and some of you may have noticed have used 3 different types of fonts on this blog (but leaving the blog post font simple and readable). At the moment I have only done for blogger but I can share how to add fonts to wordpress if people are interested or if I ever get a chance.

Today’s post I want to share with you something I only recently learned and that’s how to remove the wrench Icons, I have known for a while how to remove the quick edit for the pencil that appears at bottle of blogger post when admin views the post but I could never work out how to remove the wrench Icon (screw driver and spanner) seen at nearly all the widgets in blogger. I started my usual 2-hour research but this one was more like 10 minutes max to just make sure I understood what modifications I needed to do to the html code. This might sound intimidating when talking about html codes but its really not, if I can do it trust me then you can do it because I am useless at all these html code stuff but for my blogger I am slowly learning what I need.
Step 1: Go to blogger dashboard, open templates then click on edit template.

Step 2: Search for  tag or tag in your template: , if they are connected by dots don’t be shy click on them to open it up


Step 3: Insert this code [.quickedit{display:none;}] immediately after  tag or before closing tag, then click save.

Step 4: Refresh your blog and you’re done

Before (see right side bar – wrench visible)

After (see right side bar wrench gone 🙂 )


I am learning so much about coding and though I am not an expert there are things that I know I can change myself I am confident enough every day that I try something new. 2015 is another year full of opportunities, growth/development and so much joy and people I am embracing it all. Let me know what you think of this series, I know some of you are already pros and know all these so please let me know in the comments what other ways or improvements could be made to “Removing Wrench Icons“.

Follow:
Share:
  • I don't use blogger but I am loving this series 😀

  • Great series. I don't mind having that wrench icon on blogger since it helps me edit posts easily and only I can see them but at least now I know how to take them out if I ever really wanted to.

  • Thank you and I am happy to help.

  • Thanks Krysten

  • A guru oh wow, I fear I am far from it but I thank whole heartedly

  • Thank you Katie I appreciate that

  • This is AWESOME, thank you!

  • I am still new to blogging myself so I truly appreciate when bloggers like yourself try to help educate some of us who are less experienced. Definitely will be checking out your other series. Thanks!

  • I love this little blogging DIYs! You're becoming quite the guru!

    xxo,
    Kelly
    http://asideofsweet.com

  • This is really helpful to see exactly how other people view your blog and so you know it's all being done properly! Your tutorials are fab!

    Katie <3

  • Thanks Angie, I will be sharing wordpress fonts next week.

  • Anytime

  • Congrats on the switch I have both blogger and wordpress so i know what you mean, i feel like that especially for wordpress

  • Hahahaha, thanks

  • Absolutely

  • You and me both but I had to find a way to do it myself than pay someone else

  • I know the feeling, glad I could help

  • Thanks Lindsay

  • Thanks Nancy

  • Glad to hear it

  • You're welcome

  • There's so much I need to learn! Thanks for sharing, and I'd love to learn about WordPress fonts :-)!

  • Aha! I love learning new tips for blogging! Thanks for sharing!

  • I love blogging, and made the switch to wordpress. But I still have so much to learn and figure out! It's hard and my head doesn't work that way.

  • I don't have blogger for my website. But congrats on learning the code to fix the wrench. Way over my head.

  • It's great learning new things about blogging

  • I love blogging! I hate coding! It's way over my head!

  • Thank you! I hate that stupid wrench and I'm glad to get rid of it!

  • Very good information!! I am sure a ton of people will find this helpful 🙂

  • Great tips! Thanks for sharing 🙂

  • Thanks for sharing this tip on removing wrench icons 🙂 So helpful! 🙂

  • Thanks for the info. I love learning new things on how to DIY my blog design 🙂

  • Thanks Hun, I am loving learning all these new tips and tricks and hope they are helping others.

  • I'm loving your blogging 101 series. After over 4 years of bogging I'm still picking up new tips.