How to Search for Specific code in the Edit HTML (Template) Blogger

Access to HTML Editor is:

     Dashboard (home) Blogger> Template> Click the button "Edit HTML".

The new HTML Editor has some fundamental differences, 3 important of which are:
1 deletion feature "Expand Widget Templates". In the old HTML editor, this feature is used to display the widget tags are hidden by default, for security, to avoid inadvertently edited. Therefore, to display certain widgets tags, new must uncheck it and can edit it.
2 tags are a new widget in the HTML editor is now displayed (the default), but in the form enclosed in the core tags, and have to click the expand (►) to see the contents. Each core tag can be directly searched by using the dropdown menu "Jump to the widget", where in the menu are the names of the core tag you want to target. Widget name order from top to bottom in the order of widgets in the template.
Jump To The widget features, easy to look for the widget.

3 The most important point is the addition of new features on the new HTML editor, which is a function of "Search". In the past we used to use the search feature (CTRL + F) belongs to the browser, and enter the code to get to a certain part in the editor, now can not anymore because the new HTML Editor is displayed in a frame, browser search belongs can not be used to "dig" the contents of the frame . So to overcome that, Blogger adds features "SEARCH" special in it.
It is a 3 core which then changed the old way we used to use to edit the HTML Blogger. For point 1, the feature is not there anymore, so if any of my tutorials or others who ask "expand widget templates", ignore.

How to Find Tag Widgets With Specific ID in the HTML Editor
Among the three points of the change, point number 2 is a bit difficult, because you have to know all the names widget ID (not just a widget in the sidebar tablets, but including post, header, etc; blogger template element consists of widgets). For a sidebar widget, usually the name using the HTML ID, for example HTML1, HTML2, etc., in the order added a sidebar widget. To search for a sidebar widget ID, see how in a post I show a widget only in html

After finding the widget ID in question, then:
1 Click the dropdown menu "Jump to the Widget".
2 Click the name of the widget (ID) as already found.
3 you will be taken widget is slid into the tag in accordance with the desired name.
► 4 Click the sign to the left of the widget so that the tag is open and shows the elements in it.
5. Perform editing / modifications as needed or tutorials.

This method is certainly effective only if the tag is also easy to search widget by name and can be seen with the naked eye. What if the code is sought is a special tag and not a widget? Certainly very complicated if you have to open each tag with a click ►. So we took a "short cut", ie: looking at the same time expand the tag with only one click!

How to Find the code in HTML Editor Using Feature "Search"

1 To bring feature "search" owned Blogger, you can not just press Ctrl + F, because that appears later belonged to the browser's search feature. Point your cursor to the first HTML Editor, click in any part of the editor, the new press CTRL + F, then the Blogger search bar will appear at the top right corner.
2 Next, to find a particular code in accordance with the instructions tutorial, copy and paste or type the code into the "search", then click enter. The code that you are looking for will appear in the bottom row in the code that appears in the post editor, and highlighted with a specific color. Tag widget in which the code will be automatically expanded by itself. For example, I searched for <data: post.body /> like the following example:
click image to view full size
3 If the same code more than one suit that has been submitted by the tutorial, click enter one or two more times until towards the code in question.
4 If you are asked to find the code that appeared to have been modified in such a way by the template creator, just look for the code anyway. For example, if you have to look for the code <body>, and not met, then the body tag typically has been modified, for example: <body (some attribute tag in the back).>, Then search only the <body (without cover).
5. That's it!