Google Apps Hacks

253  - BLOG TRANSPARENTLY

HaCK

# 102



Making a stylesheet change in the template

Now select the Edit HTML tab. Scroll down in the editing eld to where the template contains the

stylesheet denition; in my template, this part carries the headline “/* Primary layout */”, but this

may vary from template to template.

Add a stylesheet denition like this one, as also shown in Figure 10-24:

.via, .via a { color: rgb(150,150,150) !important; }

This instruction means: every element that carries the class named via, as well as every a (anchor/

link) element within, will receive the color red = 150, green = 150, and blue = 150, and this is important,

so override other denitions in the stylesheet. Afterwards, hit the Save Template button. You can now

view your blog posting to nd that it includes your design changes, as pictured in Figure 10-25.



If you nd yourself using the “via” line described in the previous section—or any other HTML

construct—in almost every blog post of yours, you can also turn it into a post template. In Blogger,

click Settings→Formatting and scroll down to the Post Template eld. Enter the base HTML needed

to create a new “via” link, as shown:

<p class="via">(Via <a href=""></a>.)</p>

Click the Save Settings button to nish. This bit of HTML will now be included into the edit box by

default whenever you start a new blog post. You then ...