Saturday, August 15

How to Fix Missing Quick Edit Pencil in Blogger/Blogspot

·   1

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 we 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.

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.

    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) we have shown you how to fix a missing Blogger quick edit pencil that is not showing. We have demonstrated how to enable the quick edit pencil in Blogger via Page Elements and we 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.

Subscribe to this Blog via Email :

1 comments:

Write comments