Suchergebnisse im Safari nummerieren

Vor ein paar Wochen haben wir einen Trick gezeigt, wie man „Nofollow Markierungen“ im Safari angezeigt bekommt. Nun zeigen wir, wie man Google und Yahoo Suchergebnisse nummeriert.
1. Zuerst wird der Texteditor geöffnet und der Text hinein kopiert.

/*
From http://katzwebdesign.wordpress.com/?p=333
The following styles will number the search engine results for
easier SEO searching.
*/

#gsr li, /* Google */
#sw_page li, /* MSN Live */
#ysch #results li, /* Yahoo! */
.results .MSL li, /* AOL Search */
#grid .w .expander li /* Netscape.com */
{
list-style: decimal inside!important;
}

#grid .w .expander li span.map_venname /* Netscape.com */
{ color:white; text-indent:-1.5em; }

#results, /* AltaVista */
#teoma-results, /* Ask.com */
#webResults, /* AlltheWeb.com Paid */
.resultWell, /* AlltheWeb.com Organic */
#mainframe #results2, /* Snap.com Organic */
#mainframe .sponsored-results, /* Snap.com Paid */
#mainframe #search-col2, /* Snap.com Paid */
td.feed table.results /* Gigablast.com */
{
counter-reset: section;
}
#results a.res:before, /* AltaVista */
#teoma-results a.L4:before, /* Ask.com */
#webResults p.result:before, /* AlltheWeb.com Paid */
.resultWell p.result:before, /* AlltheWeb.com Organic */
#mainframe #results2 h3.result_title:before, /* Snap.com Organic */
#mainframe .sponsored-results h3.result_title:before, /* Snap.com Paid */
#mainframe #search-col2 h3.result_title:before, /* Snap.com Paid */
.feed table.results table.result .result-title:before /* Gigablast.com */
{
content: counter(section) ". ";
counter-increment: section;
}

2. Abgespeichert wird als dateiname.css und im Safari mit <pre>CMD + ,</pre> auf „Erweitert“ navigiert.
3. Bei Style-Sheet die *.css suchen und hinzufügen.
4. Safari neustarten und danach z.B. http://www.google.de aufrufen.
5. Ein Schlüsselwort eingeben und suchen lassen. Nun müsste die Suche nummeriert sein.

Der Tipp von Webdesign Mainz.