[Tutoriales] Blockquote: ¡Danger!

Holiiinss!!! Siento mucho no haber publicado nada ayer, me estoy planteando eliminar la sección de recursos y no publicar nada los sábado, ya que es el día en que suelo quedar con mis amigos o salir con mis padres, y prefiero decir que no publicaré nada, a decir que lo haré y fallar 3 de 4 xD Pero bueno, el lunes ya les avisaré si lo hago definitivamente, así que ahora vamos con el tutorial de hoy, Poner un Blockquote como este:

Este Blockquote lo utilizo para resaltar cosas en ciertos tutoriales que son totalmente necesarias pero tu lo podrías utilizar para cualquier cosa, además, no todos los blockquote que pongas serán así, bueno, ahora les explico, empecemos con el tuto que es sencillito.

Bien, lo primero que debemos hacer es ir a Plantilla, Editar HTML, y pegar justo antes de ]]></b:skin>, el siguiente código:

.danger {
background: #E2E2E2 url ("http://vignette1.wikia.nocookie.net/conearth/images/2/23/Ambox_warning_yellow.png/revision/latest?cb=20100126215306") no-repeat scroll left center / 15% auto;
min-height: 80px;
border: 2px solid #2E2E2E;
color: #000;
padding: 10px 10px 10px 90px;
transition: all 0.5s ease-out 0s;
margin: 20px;
}
.danger:hover{
box-shadow: 0px 0px 10px #000;
transition: all 0.5s ease-out 0s;
}

Ahora solo queda guardar, y listo. Pero, ¿cómo lo utilizo en mis entradas? Pues fácil, en una entrada, escriben el párrafo que quieran poner en el blockquote de danger, luego pulsan en la entrada en la parte de HTML, y antes del párrafo, justo antes, pegan: <div class="danger"> y justo cuando termina, pegan </div>

Listo!!

Beshus y hasta mañana!!