Skip to main content

How to Remove Quick Edit and Wrench Icons in Blogger

First of all let me tell you that “What is Quick Edit Button or Wrench Icon”?
When you are using Blogger/BlogSpot default templates then you will see a Quick Edit Button or Wrench Icon on right side of every blogger Widget or Gadget for example. Quick Edit button is very useful function.  The purpose of adding this quick edit button by Template Designer is save the time of Blogger or Blog Editor.  Blogger can make easily any change or modification in appearance of widgets from blogger homepage without going to template editor or layout of blogger. This link or Quick Edit Pencil Button is only visible to Blog Editor or Admin and also to blog readers but visitor cannot make any change through this button. This is very handy tool to make Blogger or BlogSpot comfortable platform for Bloggers. But having positive features of this tool on blog there are also many hidden negative faults and disadvantages on many Blogger features such as
Such as negative impact on site loading speed or Blog loading speed, SEO, Look of Blog and many more. In other words when a visitor visit your Blog he look at these tools or links showing on your blog that makes bad impression on your visitor. Means that these Quick Edit Pencil icon or Wrench Icon damages your blog’s beauty. Many bloggers don’t use this tool to make any changes in their Widgets. They use their Admin Panel or Layout Panel of their blog. So many Blogger want to know “How to Remove Quick and Wrench Icons in Blogger”.  Anyone can easily remove these icons or links from his Blog within Seconds by following these 3 easiest and simple ways.



Methods:

Method 1: Removing Quick Edit Button or Wrench Icon with CSS:
Quick Edit Pencil or Wrench icon create ease of access to make changes in widgets if you want to remove quick edit pencil icon or wrench icon from your Blog so you can easily hide this by using CSS.
To remove this quick edit icon go to
                         TEMPLATE EDITOR  →  EDIT HTML →  PRESS CTRL + F
to Find this code </head>
Copy given below code and paste immediately before </head>
           
                     
.qiuckedit{ Display:none;}

Method 2: Removing tag code from Template:

 
If you want to remove edit button or wrench icon completely from your template. Then this method is perfect for that. Just Go to
                                   TEMPLATE EDITOR → EDIT HTML → PRESS CTRL + F
to find this code and where you found this code remove all codes and save your Template.
<b:include name='quickedit'/>
Now your template is completely free from Quick Edit Pencil or Wrench Icon.

Method 3: Remove Quick Edit Pencil from Blog Post footer:


Sometimes quick edit button is also display in the footer of blog posts. If you want to remove this wrench icon Go to

Blogger Admin Panel  →  Layout Panel → Now in the right end of
Blog Posts  section there will be a Edit Button click on it → Then a pop up window will be appear then uncheck Box of “Show Quick Editing ” Option and then save template. 
Labels:

Popular posts from this blog

How to Create Calculator in JavaScript

JavaScript is vast programming language through which you can create any web application. JavaScript use in every single element on web application. Means that use of java script in web programming is necessary. Using JavaScript you make online calculator, online currency converter or anything which you want you can build in JavaScript which works online and offline on your web page. As you know calculator is a basic necessary element in our life. For example if you want to find the percentage of your income then you'll need to use calculator for calculation. In this tutorial i am gonna show you that how to create calculator in JavaScript. You can also stylize this calculator source code by using CSS style sheet according to your requirements. Calculator in JavaScript Calculator JavaScript Code <h2>Calculator in Javascript</h2> <br/> <form Name="calculator"> <table border=2> <tr> <td colspan=4><input type=text
Read more

Get Free Complete CMS in PHP OOP

Before going to share complete CMS in PHP OOP I want to show you that what is CMS? CMS means Content Management System. CMS is web application or program which is used to manage or create content. In this blog post I am going to share complete CMS in PHP OOP with source code which is easily downloadable and executable. The source code is a backlink free code. You can use this code for any CMS Project. In CMS there are two units, first is front end WEBSITE for users and second is back end which is Admin Panel. Admin Panel is a gateway for administrator from which administrator can login to and made changes according to its requirements. How to execute PHP OOP CMS? For that purpose you have need to install XAMPP or WAMP on your system. You can download these software from official websites the links are given    XAMPP  or WAMP .  After installation, download CMS source code file and paste in HTDOCS folder which is located in xamp/wamp installation folder. After that open yo
Read more

How to Show Blogger Images only in Homepage and Hide from Post Page

Do you want to know how to add a custom posts thumbnail in blogger or how to hide a specific picture/image from blogger posts and make them visible on your blogger homage as Thumbnails. On other platforms like WordPress while creating a post there is an option to choose a specific picture/image to show as thumbnail on your blog homepage for that post. This feature makes a first look to reader or blog visitor about every post and make our homepage user-friendly. If you are blogger and annoying to create this specific thumbnail for every single post. We can easily make this function and hide pictures for thumbnail from our post and make them visible to homepage. For this purpose you have to follow the tutorial. Step 1 : Go to Blogger Dashboard  >>   Template >> Edit Html Step 2: Click anywhere in Html Editor and press CTRL+F from your keyboard then a Search Box will be appear in top right corner of Html Editor. Step 3: Copy this code and past
Read more