Les liens vers des blogs externes ne fonctionnent pas

Bonjour à toutes et à tous !
J'ai créé un blog sur la Dystrophie de Duchenne dans le cadre de mes études.
Le voici : http://manon.laporte.emi.u-bordeaux.fr/DIS.php
Nous devons mettre des liens vers les blogs des autres groupes (dans mon blog ils sont situé dans le cadre de gauche, en bas )
Or dans mon code HTML, les liens ne fonctionnent pas : le pointeur de la souris ne se transforme même pas donc on ne peut être redirigé vers un autre blog.

Si quelque pourrait me venir en aide, il aura ma reconnaissance éternelle !

Si vous désirez obtenir le code en entier, n'hésitez pas à me demander. Autrement il est disponible en affichant le code source de la page de mon blog : http://manon.laporte.emi.u-bordeaux.fr/DIS.php


Voici le code html :

<p class="blogs"> <u>Si vous souhaitez consulter les blogs de nos chers et précieux camarades c'est ici : </u> <br/> <br/> </p>
<ul>
<li class="blogs" style="text-indent:0.7em" <a  hrerf ="http://lascleroseenplaquescpbx.blogspot.com/" target="_blank"> Sclérose en plaque </a> </li>
<li class="blogs"><a hrerf ="http://maladieautoimmuneuneguerrecontresoi.blogspot.com/ " target="_blank"> Maladie auto-immune </a> </li>
<li class="blogs"><a hrerf ="https://greffondespoir.wordpress.com/ " target="_blank"> Greffes </a>  </li>
<li class="blogs"><a hrerf =" https://selexpose.wixsite.com/sel-et-nutrition " target="_blank"> Le sel et la nutrition </a> </li>
<li class="blogs"><a hrerf ="http://vaccinsetimmuno.blogspot.com/ " target="_blank"> Les vaccins </a>  </li>
<li class="blogs"><a hrerf =" https://lamaladiecoeliaque.wordpress.com/ " target="_blank"> Maladie Coeliaque</a> </li>
<li class="blogs"><a hrerf ="http://lescellulessouches.blogspot.com/" target="_blank"> Les cellules souches </a> </li>
</ul>

Et voici le code CSS :

blogs a {
color : black ; 
font-size : 100%;
font-family : "times new roman" ;
}

Dystrophine
manon.laporte.emi.u-bordeaux.fr