Personalizzare il link "Continua a leggere" (Jump Link) di Blogger

Per dare un tocco di colore al nostro Blog possiamo modificare il link "Continua a leggere" attraverso l'aggiunta di un semplice codice css, senza l'utilizzo di immagini.
Inseriamo il codice che segue nel nostro blog da Modello>Modifica Html oppure attraverso un widget html (guarda qui come fare)

<style type='text/css'>
/* Continua a leggere
---------------------------- */
.jump-link {
  margin: 15px 0;
  padding: 0;
  position: relative;
}
.jump-link a {
  float: right;
  height: 24px;
  line-height: 24px;
  position: relative;
  margin: 0;
  padding: 0px 10px 0 14px;
  background: #238bc9;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
}
.jump-link a:after {
  content: "";
  position: absolute;
  top: 0;
  right: -12px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #238bc9;
  border-style: solid;
  border-width: 12px 0 12px 12px;
}
.jump-link a:hover {
  background: #555;
}
.jump-link a:hover:after {
  border-color: transparent transparent transparent #555;
}
</style>

Possiamo inoltre modificare il testo "Continua a leggere" seguendo le istruzioni qui sotto riportate.

Innanzitutto dal pannello di controllo del nostro blog selezioniamo Layout e facciamo click su Modifica nello spazio relativo ai post sul blog.

Dalla finestra che segue possiamo quindi modificare il testo "Continua a leggere..." sostituendolo con quello che preferiamo