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)):
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:
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)):
- 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 aManage Layout
button there. - Goto Edit HTML tab
- 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.
- 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:
- 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 — theEdit post
label will not be visible in a preview. - 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.
- Standard Blogger
pencil
icon in the footer of your post, near theEmail 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 makeQuick 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 != "item"'>
It should look like this:
Now, if you don't want to see theQuick 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 — theQuick 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: | Didn't like the article, found a mistake or just want to express your own opinion? Post a comment! |
28 comments:
Hello. I followed the directions for #3 and now have a pencil icon in the title bar and post footer. how can i erase the one in the title bar? Thanks.
July 10, 2008 at 2:24 AM
Search your template for the code
<b:include data='post' name='postQuickEdit'/>
and delete it.
It should look like on this picture
Please let me know if it worked for you :)
July 10, 2008 at 2:42 AM
Perfect! Thanks!
July 10, 2008 at 2:57 AM
Hey! Thanks a million for your help on the jeans template. YOU finally got mine working for me!
July 12, 2008 at 4:51 AM
No problem :) Come again :)
July 12, 2008 at 6:01 PM
Thank you for your clear explanations.
July 27, 2008 at 7:33 PM
thanks this post solved a lot of problems for me!
August 31, 2008 at 2:33 PM
Thanks yaaar
November 11, 2008 at 7:13 PM
My pleasure :) Glad to help.
November 11, 2008 at 7:17 PM
I have a problem regarding the Jeans template.
Why are the sidebar widgets able to be moved by jst a mouse click though we are not logged on ???
November 12, 2008 at 1:59 PM
This is the 'feature' that came from porting Jeans template from originally Wordpress to Blogger template.
I will even tell you more - anyone can move them, not only you when you are logged off.
However... this is 'client-only' rearranging. When they rearrange it, changes are saved only in their browser, but all the new visitors to your site will see the layout of your sidebar that you have set while being logged in.
So if someone wants to rearrange your sidebar for his own needs - they can do it, but it will work only in their own browser, you don't have to worry about it :)
November 12, 2008 at 2:14 PM
HI!
thx
;)
I put the edit pencil!!!
March 29, 2009 at 7:06 PM
Hi,
maybe you could help me?
http://groups.google.com/group/blogger-help-troubleshoot/browse_thread/thread/3e3c343914107aef/ad2e3ce6fa943e37#
June 7, 2009 at 4:17 PM
I'll have a look :)
By the way, are you logged into http://blogger.com/home ?
June 7, 2009 at 6:20 PM
Yes I am (?)
June 7, 2009 at 6:25 PM
Just wanted to ensure that. I'll look into your template, Rune, as soon as I have time :)
June 7, 2009 at 7:20 PM
Thank you!
June 7, 2009 at 8:07 PM
It's fixed. Didn't have to do a thing... Se forum link.
June 8, 2009 at 9:37 AM
Great news :)
June 8, 2009 at 11:45 AM
Hi,
I have tried this but it doesn't work.
Please reply if you can do it for me.
I am using Crystal Blue template form
http://www.raycreationsindia.com/
Thanks
June 11, 2009 at 10:15 AM
It worked! It worked! It worked! And I wasn't even using this specific template. I tried a tutorial on another site but it didn't make any sense to me (and evidently to a lot of other commenters, too). It was on this forum that I saw your link with the solution. Thank you! It was frustrating me. G
June 26, 2009 at 6:34 AM
My pleasure :)
June 26, 2009 at 10:46 AM
Bravo! After wasting time with a different "solution" that wasn't, this was fast, simple and worked the first time!
November 11, 2009 at 7:13 PM
Welcome :)
November 11, 2009 at 7:40 PM
Thank you very much for this post. It really worked for me after trying several tips. Two thumbs up for you! Have a wonderful day :)
December 4, 2009 at 2:48 AM
Finally!
It works for me. Thanks ^-^
September 21, 2010 at 8:39 PM
i still can make it..so how?? there are nothing appear in my blog..
December 4, 2010 at 7:16 PM
hi, love this template. it seem worked on my blog until my friend complaint that she can't leave a comment in my post. Please help me how to fix it? thanks
April 22, 2011 at 8:26 PM
Post a Comment
Have anything to say? Leave a comment!
Too shy or got a too private question? Email me
Alternatively, you can drop me a line on Twitter