Google: number the search results
Adds a round numbered badge to each result, making it easy to refer to a position by its number.
Code to copy
/* 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%;
}How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's CSS panel and save — the effect appears instantly.
Rate this example
No ratings yet — be the first.