How to make Quick Edit pencil icon appear in Blogger Jeans Template or "I don't see my Quick Edit icon in Blogger Jeans Template"

That's what you should do to make Quick Edit icon appear in Blogger Jeans Template:

Preparation steps (if you're a pro you can skip them of course and proceed to edit the template (don't forget to Expand Widget Templates though)):

1. Go to Layout Customization Settings. Jeans template doesn't show navigation bar, so you can't simply press Customize button on NavBar — though you can access your dashboard at http://blogger.com/home page and press a Manage Layout button there.
2. Goto Edit HTML tab
3. Click on Download Full Template to save a backup of your template so you can feel easy and safe while hacking on your beloved blog template.
4. Click on Expand Widget Templates checkbox

Now, editing the template code itself. There are three basic ways it can be easily done — they are described below, together with the pictures of how it will look:

1. Asterisk sign (or any other custom text) in title bars of your posts (requires minimum invasion into your template code):
   To make your Quick Edit button look like an asterisk sign (*) (or any other custom text), perform the following:
   Search your template code for the text <span class="quick-edit-icon"> (standard Ctrl-F search combination works). If you can't find the text — then you didn't expand widget templates, click on that checkbox to activate it and search again. Once you've found the line, insert the asterisk sign *right after it. Actually, it doesn't matter what you type there — for example you can put something like <Edit Entry> — as long as it is between <span class='quick-edit-icon'> and next </span> tags. Save the template — the Edit post label will not be visible in a preview.




2. Standard Blogger pencil icon (or any other custom image) in title bars of your posts (slightly more invasion):To make your Quick Edit button look like a standard Blogger "pencil" icon (or any other custom image), perform the following:
   Search your template code for the text <span class="quick-edit-icon"> (standard Ctrl-F search combination works). If you can't find the text — then you didn't expand widget templates, click on that checkbox to activate it and search again. Once you've found the line, insert this code right after it:<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>Here how it should look:You can also replace the standard pencil image url ('http://www.blogger.com/img/icon18_edit_allbkg.gif') with any other picture of your choice. Save the template — the Quick Edit post icon will not be visible in a preview.





3. Standard Blogger pencil icon in the footer of your post, near the Email this to a friend button — where it is usually placed in Blogspot layouts. (some more hacking):
   To get this result, you should first perform at least one of the previously described ways to make Quick Edit button visible. Then, search for an indented block that starts with a following line:<b:if cond='data:post.emailPostUrl'>and place this code<b:include data='post' name='postQuickEdit'/> right after the whole block, not the first line of it, just before the line <b:if cond='data:blog.pageType != &quot;item&quot;'>It should look like this:
   Now, if you don't want to see the Quick Edit icon in the title of your post, search for the previous inclusion of the code <b:include data='post' name='postQuickEdit'/> in your template, and delete the line.
   Voila. Save the template — the Quick Edit icon won't show in a preview.
   

So. This how-to guide explains the steps you need to take to show and customize your Quick Edit Post button in your Blogspot Jeans template. If it didn't work for you — just leave a comment here and I will try to look into the issue. If it works — I will be glad to hear confirmations as well :)

Navigate this thread:
Next:How to fix navigation buttons in Blue Jeans Blogger Template or "My navigation links are getting wrapped to the next line"
Index: Integrating Blue Jeans Wordpress template on Blogger.

0 said thank you for this page

Liked this article? Bookmark/share it with others: Digg It del.icio.us StumbleUpon Other Email this

Didn't like the article, found a mistake or just want to express your own opinion? Post a comment!