Personalizar El Blockquote

Empezando... ¿Se Acuerdan Que dije Que haría Un Tutorial Sobre Modificar El Blockquote?

Pues Aquí esta ... 

Ok Vamos A Plantilla/Editar HTML

Busca…

/* Posts

----------------------------------------------- */

O

/* Posts

Ctrl + F Para Buscas Mas rapido

Abajo de /* Posts

----------------------------------------------- */

Pegaremos Lo siguiente…

blockquote {

-webkit-border-radius: #ffb4c7 dashed 10px 0px 0px 10px;

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimLtWt9-kYpvEnzestwfztwk5tO7wN3jBr-X5YZ5fEVYgKh7Gmkbb8smpjFuknJlKPbo4h8lfA5txNEhWQ-7cjHr_rqSyLuwysPvl1HYo0WJyhzVS-CYmuAcV_d4abiIcNHND4ASzOPBVw/s200/sdkfs.png);

padding:15px 20px 15px 20px;

color: #f81852;

margin: 10px;

text-shadow: 0px 0px 0px;

}

Para estar más seguros… Quedaría así

/* Posts

----------------------------------------------- */

blockquote {

background-image: url(Dirección De La Imagen);

padding:15px 20px 15px 20px;

color: #f81852;

margin: 10px;

text-shadow: 0px 0px 0px;

}

Editemos:

Color: El Color que quieras

Background-Image: url (La url De tu imagen)

Este Tutorial Es Mío >-<

Ahora Vamos, Con un toque Super Kawaii, El tutorial Lo Tome de

http://confiaencristo.blogspot.com Y Ella Lo Tomo De Annyz >.< Así que le doy créditos a Annyz blog

Empezemos…

Vamos A Plantilla/Editar HTML

Busca:

]]></B:skin>

Ctrl F Para que te aparezca más rápido

Pega este código Justo antes De ]]></B:skin>

blockquote{ background:url(URL DEL FONDITO KAWAII); padding:10px; border:3px solid #ffd5d5; color:#808080; -webkit-transition: 1.0s; -moz-transition: 1.0s; } blockquote:hover{ border-radius:20px; -webkit-transition: 1.0s; -moz-transition: 1.0s; -webkit-box-shadow: 0px 0px 8px #ffd5d5; -moz-box-shadow: 0px 0px 8px #ffd5d5; box-shadow: 0px 0px 8px #ffd5d5;

Lo Editamos Y Listo n.n Lo Prometido es deuda!! Y Aquí esta :3

Espero que les sirva chao, Coman Muchas lentejas(?

Bueno Adiós :3