[Tutorial] Cómo hacer una lista en curso para Anime

Hola a todos tiempo sin vernos o mejor dicho leernos, pero eh estado algo ocupada, tal vez no publique mucho de aquí en adelante por que esto meses que bien estaré ocupada con el colegio, pero bueno tratare de publicar lo mas que pueda, dejando eso de la hoy les traigo Cómo hacer una lista en curso para anime, esto es mas para paginas que suban anime, pero igual se puede usar como gusten

VISTA PREVIA

1- Vamos a plantilla ---> Edicion HTML ---> CTRL + F y saldra un cuadro de busqueda, en el pega esto: </b:skin>

2- Ahora arriba de </b:skin> pega esto

.lanim {float: left;margin: -14px 1.5px -27px 1.6px;padding: 1px;}.lanim img {height: 207px;width: 153px;border: 3px solid #868686;}.lanim span {background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.61);border-top: 1px solid #CACACA;color: #FFF;font-family: tahoma;margin-top: -39px;overflow: hidden;padding: 5px;position: absolute;text-overflow: ellipsis;white-space: nowrap;width: 149px;font-size: 12px;text-align: center;}.lanim a:hover span {color: #22A5ED;}

3- Ahora ve a Diseño ---> Añadir un gadget ---> HTML/javascript

4- y ahora agrega el siguiente codigo

<div class="lanim"><a href="#" title='Ansatsu Kyoushitsu' rel="top" data-title="Ansatsu Kyoushitsu Subtitle Indonesia" data-id="25013" target="_blank"><br /><div><img src="http://wardhanime.net/wp-content/uploads/2015/01/69857.jpg" class="attachment-thumbnail wp-post-image" alt="Ansatsu Kyoushitsu" height="200" width="128">       <div><span>Ansatsu Kyoushitsu</span></div></div></a><br /></div>

Rojo: el enlace donde se dirijira
Naranaja: el texto que aparece cuando se deja el cursor encima 
Amarillo: el titulo
Verde: el enlace de la imagen
Azul: dimensiones de la imagen



Eso es todo espero les guste y les sirva, nos vemos.