Testing Some HTML in Blogger

I have written a couple of posts on how to change some settings on Blogger using html. I never knew how to simply insert the code in the post without taking a screenshot. You know, when you write in the code, it actually does what you are writing. Get it?

I am trying something here that might explode my whole blog, but luckily I have backed up every day for the past two weeks because I was ditching code and tightening things up almost every day since the new template.
Let's try this...

I was asked how I made the dropdown labels on the sidebar and it used to be hard as crap. You had to post a full Label widget, then find it in the template, copy ALL of the code there and then insert some other junk. I found a better way that keeps the widget intact and it still updates the counts, too, which the other way did not do automatically.

First, back-up your blog template. ALWAYS.

You must have the Labels Widget already added to your template, by the way.

Then find this code...(Use Control F, you know?)


<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<data:label.name/>

<b:else/>

<a expr:href='data:label.url'><data:label.name/></a>

</b:if>

(<data:label.count/>)

</li>

</b:loop>

</ul>


Simply replace the code above with this code...


<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>



<option>Browse By categories</option>

<b:loop values='data:labels' var='label'>

<option expr:value='data:label.url'><data:label.name/>

(<data:label.count/>)

</option>

</b:loop>

</select>


And that is all there is to it. Also, the new "Codeview" works! And it appears everything else still works, too! Simply cut and paste, y'all. Now, back to our regularly scheduled mediocrity.

Please take the time to comment.