BlogKnowHow apologies for the technical problems with the site. We are working on it and hope to resolve the issue as soon as possible.

Monday, February 14, 2011

How to Fix Missing Quick Edit Pencil in Blogger Blogspot

Is your custom Blogger template missing its quick edit pencil at the bottom of your Blogger posts (Blogspot posts)? Don't worry. In this Blogger tutorial I discuss how to show a quick edit pencil icon beneath Blogger posts if it is missing. This is a common Blogger problem among custom Blogger templates but fortunately it only takes a couple of minutes to fix.

This Blogger tutorial follows on from my previous Blogspot tutorial about fixing missing Blogger icons. Check out how to show quick edit gadget wrench in Blogger (Blogspot) for help with this issue.

In my previous Blogger tutorials I have also discussed how to fix many other common Blogger problems eg how to fix a missing embedded comment form in Blogger. Take a look at all my Blogger tutorials on how to fix common Blogger problems (Blogspot problems) here

Fix Missing Quick Edit Pencil Blogger Blogspot
The quick edit pencil is a nice Blogger feature that you would not want to be without. A click on this time saving Blogger icon gives you direct access to your Blogger posts without having to go through "Edit Posts"

So if the free custom Blogger template you downloaded from the internet has no quick edit pencil displaying under your Blogger posts when viewing the actual published post then it can be fixed by taking the following the steps below:

  1. Login to Blogger

  2. Go to your Design > Page Elements

  3. Click on the Blog Posts edit button located in the bottom right hand corner of the widget


  4. A Configure Blog Posts window will pop up displaying a number of different features that can be turned on and off on your blog posts.

  5. Make sure that Show Quick Edit is checked. Tick the box and save if Show Quick Edit is not already checked



  6. Now navigate to an actual published post and check whether the quick edit pencil is now displaying in or around the footer of your blog post. Remember that you must be logged into Blogger to see the quick edit pencil - it is not displayed to your visitors

    If the pencil is there then that is the end of this Blogger tutorial. The pencil just needed to be enabled. So thank you for joining me today and if you have any other issues with Blogger be sure to check out my how to fix common problems in Blogger tutorials or take a look at the list of all the Blog Know How Blogger tutorials

    If the Blogger quick edit pencil is still missing it means that some important code has been omitted from your Blogger template and it will need to be added to get the quick edit pencil to show up

  7. Go to Design > Edit HTML

  8. Back up your template

  9. Check the Expand Widget Templates box by placing a tick in it

  10. Find the following line of code by holding down the CTRL key and F at the same time:

    <b:includable id='postQuickEdit' var='post'>


  11. Check whether the following code is under it:

    <span class='post-icons'>
    <!-- email post links -->
    <b:if cond='data:post.emailPostUrl'>
    <span class='item-action'>
    <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
    <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
    </a>
    </span>
    </b:if>

    <!-- quickedit pencil -->
    <b:include data='post' name='postQuickEdit'/>
    </span> </div>


  12. If part or all of the code is missing copy and paste it above :

    <!-- quickedit pencil -->
    <b:include data='post' name='postQuickEdit'/>


  13. Save changes to your Blogger template

  14. Go to an individual published post page and see your new quick edit pencil displayed under your Blogger post


Tips and Troubleshooting
If you want to change the Blogger quick pencil icon you can by changing the image. Simply replace the image as depicted in red with the URL address of your own image. If your image is a different size you may have to change the width and height as shown in blue for the image to display correctly

<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> </div>




In this Blogger tutorial (Blogspot tutorial) I have shown you how to fix a missing Blogger quick edit pencil that is not showing. I have demonstrated how to enable the quick edit pencil in Blogger via Page Elements and I have provided you with the missing code in the event that the quick edit pencil code is missing from your custom Blogger template.

Please let me know if this tutorial has been useful for you by leaving your comments and opinions below.

Related Articles
List of Blog Know How Tutorials for Blogger Blogs
How to Show a Quick Edit Gadget Wrench in Blogger (Blogspot)
How to Fix a Missing Embedded Comment Form in Blogger
How to Fix Common Problems in Blogger

Subscribe to Blog Know How by Email

36 comments:

obat herbal asli jogja said...

good articles like as me as blogger

Executive MBA said...

I have read the article and Its been really good useful for my Blog also. Thanks for sharing the useful content.

RiA said...

great post!

http://sizzlinghotdeals.blogspot.com/

Karl | footysphere said...

Wow, I have recently discovered your blog and I must say it's total quality. The best blogspot tutorial blog I've come across. makes customizing your blog very accessible even for those of us who struggle to switch a computer on! ;-) Top marks. I'll be back for more tips. cheers. :-)

none said...

thank you for your article..i relly got great help from ...

Affordable SEO Company said...

Great article its been very useful for me..thanks for sharing...

SEO Reseller said...

This is a valuable post. Thanks for sharing this info. Looking forward to seeing updates on your post.

RJ said...

WOw that was awesome...
i made it in my blog...
take a look on my blog

http://rjbeingitstudent.blogspot.com/

Anonymous said...

thank you this is awesome!

offshore web development said...

really its nice information for blogger. Thanks for sharing this.

Waiting for more articles. :)

Sem Services said...

Great post about quick editing in blogger. Keep posting.

Anonymous said...

Hey thanks for sharing useful information . i think this post is very helpful for all us!!! keep it up!!! :)

Outsource Search Engine Optimization

cutestcatintheworld said...

Hey just wanted to say I linked to your blog in my latest update http://cutestcatintheworld.blogspot.com/2011/05/crazy-silly-funny-cat-pictures-cute.html hope you get some hits from it, thanks for all the helpful information!

Selim said...

For me worked the enabling of third party cookies in Firefox.

web design uk said...

It's very great post. This is really helpful.Thanks for sharing it.

Macky Anderson said...

Cool, thanks for this post. Another bunch of knowledge added to my blog designing techniques. Just continue to give such tips!

SEO Company India said...

Hi,

I like it because you have shared the post with images. Well it happened with me once and I thought blog post widgets have been corrupted. I tried to reset the blog post widget.

Thanks for sharing, I got a lesson.

Zach said...

Good information. Thanks for giving such detailed steps. It helps a ton.

Travel Cebu said...

I had this problem recently with one of my blogs and thank God I found this article. This article really helped me!

Man Ray said...

Definitely a helpful post. This makes editing your blogger blog a lot more easier. Great share! Thanks!
SEO Reseller

Web Development Services said...

it was really informative, I was looking for some tips to bring my quick edit post back. However, the first tip didn't help but the second tip for edit html '' it really helped me out. Now I can see Quick Edit Pencil Tag at my blog...

Thanks Admin

Always Unlucky said...

Your blog is very interesting. I am loving all of the information you are sharing with everyone

From Great talent

Bhupendra Sharma said...

Hi,
I am follower of you and i am big fan of your blog.i want to improve my blog temple, I like your blogs Templates.How to get these Templates which you are using in Blog know how blog? Please help me....

Anonymous said...

Thank you for your advice, these tutorials are amazing.

driver said...

Great post about quick editing in blogger. Keep posting.

vntut said...

Good information. Thanks for giving such detailed steps

The Whizz said...

Engineer so for late reply. Please see my article about finding and using old style default Blogger templates. I am using an enhanced version of Rounders 3 to which I have added a third column

Unknown said...

Thank you for helping me locate this tiny pencil..I found it now!

solar electric fencing

كينج نت said...

I want this in Blog Thank you

Rigging Hardware said...

Nice Post and Thank you for advice.

Souvenir Keramik said...

it's a great blog... happy to found this post, really helpfull

JelBee said...

Very Clever trick!

Thank You,
JeLBee

Colorful Canary said...

I did this but now the quick edits show to everyone, I tried signing out clearing cache and using incognito as well as another PC and all show these quick edit (pencil & wrench) to all viewers. Is there a fix? Test blog: certifiablyorganic.blogspot.ca

The Whizz said...

Hi Colouful Canary
I see the problem when I viewed your blog

The Whizz said...

Colourful Canary Blogger has changed the code since I wrote this fix. Try this after you have found the code at Step 10. Expand this line by clicking on the dots <b:includable id='postQuickEdit' var='post'>,,, </b:includable>
Now below it paste this code

<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>

And save. Hope it works for you. Let me know if you can. Thanks

martin velly said...

Such a nice blog Thanks for sharing information FACEBOOK IMAGES NOT LOADING.

Post a Comment