Pages

Change gadgets fonts size and styles

Add an identity to your Blog by customizing the text links in your
post and sidebars with nice rollover effects, colors and highlights.
Learn how to remove the underline under the links. For the purpose of
this article, we have changed our template such that you will see a
different text color when your cursor is over the links, and a
highlighted background color when the cursor is over the post title. We
have also changed our other Blog
to let you see a further example of a combination of color and font
change for the hover links. In this article, we shall discuss the
common effects that you can create for your Blog.Overview of Link Styles

Blogger
templates use Cascading Style Sheets (“CSS”) to define how the pages
should be displayed. There are four basic stylesheet entities for
links:-

a:link { }
a:visited { }
a:hover { }
a:active { }

a:link defines the style for links such that they stand out from the rest of the normal text.

a:visited defines the style for links that have been clicked or visited.

a:hover defines the style readers see when their cursor or mouse moves over the links.

a:active defines the style to an activated element.

The common rollover effects and styles that can be inserted into the { } are:-

color: #XXXXXX;

Changes the color of the text. By far the most common and effective style. For a list of color codes to be inserted in the XXXXXX, you may refer to the Hexadecimal HTML Color Codes and Names.

Changing
these 3 will do significant wonders to the appearance of your Blog. In
the Minima template, you can adjust the colors of the links, visited
links, and hover links through Template -> Fonts and Colors. You can
manually insert the color values too. Look at these examples and see the effects to understand what you can do to your Blog.

Click this link for an example of a violet border around the link when you hover over it.

Example 7:

You
can now combine some of these rollover effects into the link styles.
For example, if you want the link to have a different font family, bold
and bigger font, highlighted background, and it blinks when you hover
the mouse over it, you can put all the styles under a:hover as follows:-

Click this link
to see an example of a combination of styles - a different font family,
bold and bigger font, highlighted background, and it blinks when you
hover the mouse over it.

Experiment with the combinations but
avoid having too many styles. Be careful when using the font-size,
font-family or font-weight as these may adjust the format of the text
around the link. Note also that not all the effects are supported by
every browser. For instance, Blink works in Firefox but not in IE.

Change Post Title Style

Under
Settings -> Archiving, if you have set the “Enable Post Pages” to
“Yes”, you will have a unique web page for each Post and the Title will
link to that page.

If you want to set a hover style for the Post Title, look for this line and add the styles and effects after that:-