← Alle Beispiele

Google: Suchergebnisse nummerieren

Fügt jedem Ergebnis ein rundes nummeriertes Abzeichen hinzu, um Positionen leicht zu benennen.

Code zum Kopieren

/* Number each organic result with a counter badge */
#rso { counter-reset: jzres; }
#rso > div.MjjYud {
  counter-increment: jzres;
  position: relative;
}
#rso > div.MjjYud::before {
  content: counter(jzres);
  position: absolute;
  left: -34px;
  top: 4px;
  font: bold 13px/20px Arial, sans-serif;
  color: #fff;
  background: #1a73e8;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
}

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.