The Option To "Expand Widget Templates", In The Template "Edit HTML" Wizard, Is No More

One of the more confusing features of the Blogger Template "Edit HTML" wizard, used to be the option to

Expand Widget Templates

With the new "Edit HTML" wizard, that option is not needed. Given the choice to "Expand Widget Templates", the typical blog owner was frequently caught between a rock, and a hard place, when editing gadgets.

• Don't use the option - and the gadget code section, which was to be edited, remained concealed.
• Use the option - and all gadget code sections were expanded, revealing all gadget code.

This frequently left the owner with either no information - or too much information, from which to work. Broken templates, caused by improper template HTML edits, were common.

The new Template "Edit HTML" wizard replaces the single "Expand Widget Templates" option with selective widget expansion. Now referred to as "folded" code, a concealed widget code section is identified by a fold marker ("sideways arrow icon"), next to the line number.

The code inside the widget is folded by default.

Clicking on any fold marker, the concealed gadget code section is revealed. If the now revealed code section itself contains concealed code sections, those sections are displayed as folded, and can then be revealed - if necessary, and only if necessary.

Thus we can eliminate unnecessary depth (internal gadget code sections) and width (additional gadget code sections) from being displayed when we only need to edit a specific gadget, at a given level of complexity. This will make it easier to identify and to edit the necessary lines of code, and to avoid editing lines of code which should not be edited.

If you're looking for a specific section of the template - for instance, the CSS rules - you may find that section folded also. CSS rules, for instance, are at the top of the template.

<b:skin>---</b:skin>

and

<b:template-skin>---</b:template-skin>

On the other hand, if you're looking for the content of an HTML / JavaScript gadget, that's still edited from the specific gadget in the Layout wizard.

<data:content/>

Gadget content is not folded.

Hopefully, we'll soon see less problem reports, in Blogger Help Forum: Something Is Broken, about broken templates - though we will probably continue to see confusion, about templates that only appear to be broken.

As always, if you change template code, remember to clear browser cache and restart the browser, before concluding that your changes were not effective.

>> Top

Read More

The LightBox Image Display Option Stopped Working, Recently

Last week, the popular display option, Lightbox, used for showing full size images in Blogger blogs, stopped working.

Anxious blog owners reported that full size images are now being displayed in a normal browser window, with the browser back arrow required to return to the blog display - instead of the elegant black background overlay with the mysterious "X" which closes the overlay. The problem appears to affect all images in the blogs affected.

An immediate sampling of the forum problem reports suggested that it's likely that all Blogger blogs are affected. Since not all blogs may contain enough images, and be owned by people who are attentive enough, we are not seeing massive volumes of problem reports.

We did open a rollup discussion, in Blogger Help Forum: Something Is Broken, where we are gathering a good sample of the blogs involved. To date, no obvious affinity has been discovered, in the over 100 responses posted.

Today, we have a mysterious suggestion, posted in a forum discussion, which may provide a workaround for the problem.

We are advised to add a brief snippet of code to the template.

<script src='http://www.blogger.com/static/v1/jsbin/2321381434-lbx__fr.js' type='text/javascript'/>

The snippet in question is added to the very end of the template, using the "Edit HTML" option, in the dashboard Template wizard, after </body>, and before </html>.

</script>
</body>
<script src='http://www.blogger.com/static/v1/jsbin/2321381434-lbx__fr.js' type='text/javascript'></script>
</html>

I added this snippet of code to the template for this blog. I don't use a lot of images in this blog - but you may examine one previous post, where you will find a picture. If you click on that one picture, you will see the full size image displayed in Lightbox format - which was not the case, earlier today.

The code snippet in question is hosted in "blogger.com", so it should be safe. And, it's not difficult to add - or to remove. That said, I have no idea if it may conflict with other code - so anything is possible. It is marginally more reliable than third party code.

I've done no further testing of this fix, so I'll await your feedback. You may comment here - or in the rollup discussion.

Read More