How to Search / Find HTML Code Editor in Blogger / Blogs
How to search / find code in Bloggers HTML Editor.
- On the Dashboard, click Template/Theme > Edit HTML
- Click within the HTML box on the first line
- Press CTRL F on a PC or CMD F on an Apple. A search window will appear in the HTML editor in the right upper hand corner. Use this to find pieces of code.
Typically I give you a the whole line such as </b:skin> or <div
class="post-header-line-1"> instead of trying to search for
it all, take the main keyword such as b:skin and find the one
mentioned.
Once you have typed the code into the search bar, hit enter
to find the code. Hitting enter multiple times will find each time the code is
used.
A browsers own search function may not work in the HTML
editor, so it is necessary to click into the editor first. It searches
from top to bottom so make sure you click on the first line of code.
Use the numbering on the left to make sure you’ve gotten the right code. If you
are still struggling to find code in your editor, check out the posts below.
How do I find the CSS Section and ]]> </b:skin> in my template?
When you click Template/Theme > Edit HTML and first open
the editor you’ll see <b:skin> ... </b:skin>, this is your
style or CSS section. Click the arrow on the left to expand and scroll down
through your CSS until you come to the closing tag ]]> </b:skin>.
The line it’s on will depend on the type of template you have (Default Blogger or custom coded theme) and how much you’ve customised it yourself or altered code. The closing ]]> </b:skin> tag is right above <b:template-skin>.
Where is the HTML Section of My Blog.
The CSS section controls the style of your blog design, but
the HTML section controls the structure and content. Click Template/Theme >
Edit HTML and find <body>. As mentioned above, you may need to
search for only part of the word (like <body) as your body tag may have
other attributes. This is the start of your template markup which is where your
structure and content is. You may need to click the arrow on the left to expand
the code.