Efecto degrade en títulos & links.

Hoy veremos como colocar de varias maneras,
un efecto de color degradado en los títulos del post & los links.

DEGRADADO EN TITULOS:

FORMA NRO 1 "MULTICOLOR" HORIZONTAL:
Vamos a Plantilla / Edición HTML: presiona sobre el cuadro de tu codigo para activar el buscador.
Busca {Ctrl + F} la linea ]]></b:skin>
ARRIBA pega lo siguiente:

h3.post-title a {
background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
color:transparent;
-webkit-background-clip: text;
text-decoration:none;
-webkit-transition: .3s;
}
h3.post-title a:hover {
background-image:-webkit-gradient( linear, right top, left top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
color:transparent;
-webkit-background-clip: text;
text-decoration:none;
-webkit-transition: .3s;
}

Los colores resaltados en negrita, son los que deben cambiar por aquellos que ustedes quieran, de la misma forma lo cambian los que esta subrayados debajo {deben ser los mismos para que se note el efecto "hover"}

FORMA NRO 2 "twocolors" VERTICAL:
Vamos a Plantilla / Edición HTML: presiona sobre el cuadro de tu codigo para activar el buscador.
Busca {Ctrl + F} la linea ]]></b:skin>
ARRIBA pega lo siguiente:

h3.post-title a {
background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.2, #000), color-stop(0.5, #777) );
color:transparent;
-webkit-background-clip: text;
text-decoration:none;
-webkit-transition: .3s;
}
h3.post-title a:hover {
background-image:-webkit-gradient( linear, left bottom, left top, color-stop(0.2, #000), color-stop(0.5, #777) );
color:transparent;
-webkit-background-clip: text;
text-decoration:none;
-webkit-transition: .3s;
}

Los colores resaltados en negrita, son los que deben cambiar por aquellos que ustedes quieran, de la misma forma lo cambian los que esta subrayados debajo {deben ser los mismos para que se note el efecto "hover"}

DEGRADADO EN LINK:

FORMA NRO 1 "MULTICOLOR" HORIZONTAL:

Vamos a Plantilla / Edición HTML: presiona sobre el cuadro de tu codigo para activar el buscador.
Busca {Ctrl + F} la linea ]]></b:skin>
ARRIBA pega lo siguiente:

a:link, a:visited {
background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
color:transparent;
-webkit-background-clip: text;
text-decoration:none;
-webkit-transition: .3s;
}
a:hover{
background-image:-webkit-gradient( linear, right top, left top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
color:transparent;
-webkit-background-clip: text;
text-decoration:none;
-webkit-transition: .3s;
}

El efecto aqui, es el mismo que el primer efecto para los títulos del post, solo que aquí en los links, de la misma forma, puedes cambiar el color del degradado.

FORMA NRO 2 "MULTICOLOR&BACKGROUND {hover}":

Vamos a Plantilla / Edición HTML: presiona sobre el cuadro de tu codigo para activar el buscador.
Busca {Ctrl + F} la linea ]]></b:skin>
ARRIBA pega lo siguiente:

a:link, a:visited {
background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
color:transparent;
-webkit-background-clip: text;
text-decoration:none;
-webkit-transition: .3s;
}
a:hover{
color: #FFF;
-webkit-transition-duration:.3s;
background: #fff url(URL DE TU IMAGEN) center center;
padding: 1px;
border-radius: 2px;
}

Coloca tu imagen para el fondo del link.
Combine el efecto link "degradado multicolor" + el conocido "link con imagen de fondo".

FORMA NRO 3 "Arco iris Hover":

Vamos a Plantilla / Edición HTML: presiona sobre el cuadro de tu codigo para activar el buscador.
Busca {Ctrl + F} la linea ]]></b:skin>
ARRIBA pega lo siguiente:

a:link, a:visited {
color: #000; text-decoration: none;
-webkit-transition: .3s;
}
a:hover{
background-image:-webkit-gradient( linear, 0% top, 100% top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
color:transparent;
-webkit-background-clip: text;
text-decoration:none;
-webkit-transition: .3s;
}

color: #000; Es el color del link, solo un color como link normal & al pasar el cursor, tiene efecto "Arco iris/Multicolor"
Puedes cambiar los colores del "Arco iris", cambiando lo que esta en negrita.

No conozco los colores en código HTML!♥

De ser así, ENTRA AQUÍ & encuentra el color que mas te guste ~

No redistribuir tutorial. 

Dar créditos por su aplicación.