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:
Login
to Blogger
Go to your
Design > Page Elements
Click on
the Blog Posts edit button located in the bottom right hand corner of the
widget
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.
Make sure
that Show Quick Edit is checked. Tick the box and save if Show Quick Edit is
not already checked
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
Go to
Design > Edit HTML
Back up
your template
Check the
Expand Widget Templates box by placing a tick in it
Find the
following line of code by holding down the CTRL key and F at the same time:
<b:includable
id='postQuickEdit' var='post'>
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>
If part or
all of the code is missing copy and paste it above :
<!-- quickedit pencil
-->
<b:include data='post'
name='postQuickEdit'/>
Save
changes to your Blogger template
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.
0 comments:
Post a Comment