sábado, 9 de julio de 2011

Personalizando el blockquote

Para empezar nos preguntamos que es el blockquote o.O

El blockquote se usa para escribir una cita o un parrafo y que éste se diferencie del resto del texto !!



Ejemplo de como se ve el efecto del blockquote.

Shalalaaa *w*

Antes de presionar el botoncito del blockquote debes seleccionar el texto que quieres que vaya dentro de el y luego presionar !!

Ahora para tener ese estilo que que yo tengo sigue los siguientes pasitos ^^!!

te vas a:

Diseño >> Elementos de pagina >> Edicion HTLM

Busca el codigo:

.post blockquote {

o si no lo encuentras busca este:


blockquote {

Pega justo abajo el siguiente codigo

-Moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px; -Moz-border-radius-bottomRight: 15px;
-moz-border-radius-topleft: 15px; -Moz-border-radius-TopLeft: 15px;
-moz-border-radius-topright: 15px; -Moz-border-radius-topright: 15px;
color:#666666; color: # 666666;
border: 3px dotted rgb(255, 148, 245); frontera: 3px puntos rgb (255, 148, 245);
background: #ffffff url(URL_DE__FONDO); fondo: # FFFFFF url (URL_DE_FONDO);
background-position:top left; background-position: arriba a la izquierda;
background-repeat:repeat; background-repeat: repeat;
margin: 4px 4px 4px 4px; margin: 4px 4px 4px 4px;
padding: 6px 6px 6px 6px; padding: 6px 6px 6px 6px;
font-size: 14px; font-size: 14px;
line-height:1.4em; line-height: 1.4em;
}

Remplaza donde dice URL DE FONDO por la url de fondo que tu prefieras !!

en la siguiente linea puedes modificar el tipo de borde (dotted, double, solid, etc? y color!!

border: 3px dotted rgb(255, 148, 245); frontera: 3px puntos rgb (255, 148, 245);


NOTA: Para los que no encontraron los otros codigos busca este:

]]></b:skin>

Y pega el codigo del blockquote personalizado antes de
]]></b:skin>

Y listo ya tendras un lindo blockquote =D !!


39 comentarios:

  1. Buena entrada! Es muy interesante ^^

    ResponderEliminar
  2. No me aparece eso de blockquote ninguno de los dos códigos u.u pero no importa :D de todos modos no lo uso mucho jeje xD

    ResponderEliminar
  3. Jejeje ya vi el error de porque no me salía xD yo lo buscaba en b:skin como B:skin xP si funciono gracias!! :3

    ResponderEliminar
  4. awww me encantooo....lo hare...siempre tu blog con tutoriales unicos, gracias.
    besos

    ResponderEliminar
  5. gracias chicas me da gusto q les haya gustado n.n!!

    ResponderEliminar
  6. annyz no pude hacerlo; no encuentro el codigo d ninguna d las dos maneras en mi plantilla :( yo uso la plantilla etero que te sale en el diseñador de plantillas q trae blogger y no aparece :(

    ResponderEliminar
  7. hola freakygirly si no te funciona con los 2 primeros, utiliza la tercera forma q esta casi al terminar el post el de b:skin

    espero te sirva

    ResponderEliminar
  8. gracias por contestar, encontre el codigo con el b:skin pero al colocar el codigo ya agregando el link de la imagen me sale el siguiente error:

    No hemos podido guardar tu plantilla

    Por favor, corrige el siguiente error y envía la plantilla de nuevo.
    Se ha encontrado más de un artilugio con el ID: Text8. Los ID de artilugio deben ser exclusivos.
    Expandir plantillas de artilugios

    no c q sera, lueguito paso x si corregiste algo o soy yo la q sta mal

    ResponderEliminar
  9. nop no he cambiado nada

    deja hago lo prueba y te digo okis?

    ResponderEliminar
  10. okey ya lo comprobe

    mira esas plantillas dejan de lado lo del blockquote no se porq pero bueeeno tan lindas q se miran xD!!

    yo estuve probando y bueno creo q si lo pude hacer

    pon esto antes de b:skin

    .post-body blockquote {
    -Moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px; -Moz-border-radius-bottomRight: 15px;
    -moz-border-radius-topleft: 15px; -Moz-border-radius-TopLeft: 15px;
    -moz-border-radius-topright: 15px; -Moz-border-radius-topright: 15px;
    color:#666666; color: # 666666;
    border: 3px dotted rgb(255, 148, 245); frontera: 3px puntos rgb (255, 148, 245);
    background: #ffffff url(url de fondo q tu prefieras); fondo: # FFFFFF url (url de fondo q tu prefieras);
    background-position:top left; background-position: arriba a la izquierda;
    background-repeat:repeat; background-repeat: repeat;
    margin: 4px 4px 4px 4px; margin: 4px 4px 4px 4px;
    padding: 6px 6px 6px 6px; padding: 6px 6px 6px 6px;
    font-size: 14px; font-size: 14px;
    line-height:1.4em; line-height: 1.4em;
    }

    asii todo completo

    recuerda q antes del ultimo codigo b:skin okey??

    avisame si te sigue sin funcionar

    tambien recuerda seleccionar antes el texto y luego poner el simbolo del blockquote como explique

    besos

    ResponderEliminar
  11. Qué bueno! voy a ponerlo en práctica cuando pueda ^^ Muchas gracias :3

    ResponderEliminar
  12. annyz gracias x intentar ayudarme, desafortunadamente tampoco pude, me sigue dando el mismo errores, creo q voy a cambiar de plantilla pq he intentado varios de ese tipo de cositas y no funcionan debido ala plantilla asi q cuando tenga tiempo me paso a otra q no de tanto rollo.
    gracias.
    besos

    ResponderEliminar
  13. >w< geniial graciias por el tuto - u - ya lo estoy probando nya

    ResponderEliminar
  14. Annyz mira hago lo que dices lo hago con el código ]]>
    pero me aparece esto cuando doy clic a vista previa:http://mundokawaiichi.blogspot.com/b/html-preview?token=YGX6EjUBAAA.6BW2RyUoFN4uIJw2mQ-4mw.5QdsO2om1SURzJw2e2ViOw&blogID=3472521236125442430

    ResponderEliminar
  15. ^^ Yalo arregle puse el codigo que le pasaste a ♀freakygirly★★ y se arreglo gracias por el tuto cuando puedas pásate por mi blog ;)

    ResponderEliminar
  16. hola, no me anda,hago todo al momento de hacer la entrada con el blockquote para ver si anda no sale nada de fondo ni nada, AYUDA!

    ResponderEliminar
  17. aixano.. primeramente encontraste los codigos que mencione arriba?

    ResponderEliminar
  18. okii tienes la misma plantilla que yo uso ahorita .. esta plantilla no tiene el blockquote asi que se tiene que agregar

    solo pega el codigo arriba de ]] skin

    -Moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px; -Moz-border-radius-bottomRight: 15px;
    -moz-border-radius-topleft: 15px; -Moz-border-radius-TopLeft: 15px;
    -moz-border-radius-topright: 15px; -Moz-border-radius-topright: 15px;
    color:#666666; color: # 666666;
    border: 3px dotted rgb(255, 148, 245); frontera: 3px puntos rgb (255, 148, 245);
    background: #ffffff url(URL_DE__FONDO); fondo: # FFFFFF url (URL_DE_FONDO);
    background-position:top left; background-position: arriba a la izquierda;
    background-repeat:repeat; background-repeat: repeat;
    margin: 4px 4px 4px 4px; margin: 4px 4px 4px 4px;
    padding: 6px 6px 6px 6px; padding: 6px 6px 6px 6px;
    font-size: 14px; font-size: 14px;
    line-height:1.4em; line-height: 1.4em;
    }

    recuerda ponerle tus fonditos en donde dice URL DEL FONDO.. besos y espero te funcione como ami

    ResponderEliminar
  19. pulsa ctrl + F y pon ahi el codigo a buscar osea el ]] skin

    de verda esta ahi.. tenemos la misma plantiilla y creeme si lo tengo solo buscalo bien

    ResponderEliminar
    Respuestas
    1. de verdad, no lo encuentro me aparecen 0 resultados :(

      Eliminar
    2. oKa nena en verdad tiene que estar si usas la picture sin duda esta.. solo es buscarla bien... tenemos la misma plantilla o.o empieza a buscarla de abajo hasta arriba o.o

      Eliminar
    3. la busque de verdad de arriba a abajo, hasta con expandir plantilla de artilugios y nada D:

      Eliminar
    4. aixauno no sabria decirte que pasa con tu plantilla :( por mas que lo pienso no doy con el problema o.o sorry

      Eliminar
  20. Oye, Annyz, a mí me salió el código y eso, pero cuando creo los post le doy al código del blockquote con el texto seleccionado y sólo me salen más a la izquierda, sin fondo ni nada :(

    ResponderEliminar
    Respuestas
    1. hola meggy al hacer la entrada no se ve el blockquote .. solo se mira como que se hacen a la izquierda o centran.. ya cuando publicas la entrada es cuando se ve :P

      Eliminar
    2. Es cuando le doy a "Vista previa" que sólo me sale alineado como te dije, pero voy a probar a ver si me sale bien ♥
      Arigatö

      Eliminar
  21. ¡Annyz! necesito tu ayuda ;w; ¿cómo hago para cambiarlos colores de los bordesitos?

    ResponderEliminar
    Respuestas
    1. hola pao donde dice

      rgb(255, 148, 245)

      cambiales los numeros por otros
      aqui te dejo una tabla

      http://html-color-codes.info/codigos-de-colores-hexadecimales/

      pega el link en tu navegador

      Eliminar
  22. sorry aixano por no poderte ayudar :(

    ResponderEliminar
  23. Respuestas
    1. hola amu es que tienes la plantilla minima y en esa plantilla asi no funcionan los codigos te recomiendo la plantilla picture windows que es la que yo uso.

      Eliminar
  24. el fondo y el brackgraund se pueden cambiar

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.