Special Characters for HTML, CSS and JS

This is a great resource for HTML special characters. It also explains How To Use them, which is nice. You don’t have to remember anything.

How to use special characters for any or all of the info links at the bottom of posts using How Blank Theme

Copy and paste this into your custom CSS, under Advanced in the Customize appearance area:

#content .post p.info_index .rebloggedfrom a span,
#content .post p.info_index a.permalink span,
#content .post p.info_index a.notecount span,
#content .post p.info_index a.reblog span {
    display: none;
}

#content .post p.info_index .rebloggedfrom a:before {content: "\21E0";}
#content .post p.info_index a.permalink:before {content: "\25B2";}
#content .post p.info_index a.notecount:before {content: "\270F";}
#content .post p.info_index a.reblog:before {content: "\21BA";}

#content .post p.info_index a.secondary {
    font: 2.4em/1.4em Arial, Helvetica, "Lucida Grande", Verdana, sans-serif;
    text-decoration: none;
}
#content .post p.info_index .tags a.secondary {
    font: 1.0em/1.4em "Lucida Grande", Verdana, sans-serif;
}

The focus here is on the {content: "\21E0";} stuff. Replace those alphanumerical codes with the special characters you like. This also increases the “font-size” of the links to make the special characters more obvious. The info links look like this by default (with the Show lines, Show notes, and Show Reblog link options checked):

And after the CSS code above:

You can figure out how to do this with almost any theme, not just the best one.

February 17, 2012fontscsshow blank themehow blanklink