15

Enviar un email "normal" y a dos direcciones distintas

Para que nuestras visitas puedan enviarnos un correo a través de nuestro blog con solo pinchar en un link, empleamos este código:

<a href="mailto:NUESTRA DIRECCION DE CORREO"> LINK A MOSTRAR</a>

El Escaparate

Si queremos sustituir el texto del link por un botón o imagen que haga de enlace, el código necesario quedaría de esta manera:

<a href="mailto:NUESTRA DIRECCION DE CORREO"><img src="URL DE NUESTRA IMAGEN" /></a>



Puede ser que tengamos dos direcciones de correo distintas, algo que suele ser de lo más normal.
Estaría bien que cuando nos mandan un email a través del blog en la cajita que se abre para escribir el mensaje, estuvieran predeterminadas las dos direcciones así el mensaje llegaría a ambas direcciones de correo. De la misma manera, sería útil cuando el blog es compartido con otra persona, si ponemos nuestra dirección y la de el/ella, el mensaje nos llegaría a los dos.
Solo hay que sustituir el código que usamos normalmente en nuestro link o botón de enlace, por este otro (pongo de ejemplo mi email):
<a href="mailto:lejaniaimposible@hotmail.com?cc=laotradiredecorreo@hotmail.com">
El Escaparate</a>

Y funcionaría así (pruebalo pinchando en el link):

El Escaparate


Para añadirlo a nuestro botón o imagen de enlace, añadimos la url de nuestro botón, así:
<a href="mailto:lejaniaimposible@hotmail.com
?cc=laotradiredecorreo@hotmail.com">
<img src="http://img206.imageshack.us/img206/4370/bwfpbd1szwphbmlhaw1wb3nhz6.png"></a>

Entradas Relacionadas:

15 comentarios:


claudia

hola Rosa! encantada
me pasó tu dirección mi amiga Gabriela de Chile, y si bien estoy estudiando todas las cosas que enseñas, y todavía no hice nada, quería decirte de antemano, muchas gracias, porque rescato en esto, el que seas tan buena persona de compartir tus conocimientos con quienes nos devanamos los sesos tratando de hacer algo y vamos aprendiendo de a poquito, pero hay cosas que se nos escapan, y que sin esta ayuda que brindas, al menos yo, no podría hacer muchas cosas
Sinceramente te envio un abrazo y muchas gracias nuevamente
en cuanto haga algo de lo que enseñas,,,,te prometo que te envio un mensaje para contarte!!
besoooooooos
claudia

Rosa

Encantada yo también Claudia!
Gracias por tan lindas palabras!
Espero te sea de ayuda mi escaparate.

Por cierto, he estado de visita en tu casita y me he quedado prendada de unos enormes ojos...Es lindo el condenado Ivan!
Yo tengo dos muchachotes...
¡Un abrazo!

Jabba

Muy buenas y enhorabuena por el blog. Tengo dos consultas que a ver si me las puedes resolver ya que no logro encontrar las respuestas en tu blog pese a la cantidad de contenidos que explicas de manera genial. Bueno la primera es que me gustaria saber como cambiar el texto que aparece encima de la cajetilla donde escribes un comentario y donde pone por defecto "HAGA SU COMENTARIO" donde además tu tienes puesto el "Bienvenid@ al El Escaparate", tu dirección de e-mail y demás.

La segunda duda tambíen se dirige hacia el tema de los comentarios. He visto en algunos blogs y webs que debajo de cada entrada aparece la cajetilla para hacer un nuevo comentario sin tener que pinchar en COMENTARIOS para que se abra una nueva ventana (como la que me acaba de aparecer a mí para escribir todo esto). No sé si es posible hacer esto, porque me parece que le dá un toque mucho más chulo al blog.

Bueno, eso era todo. Muchas gracias y un saludo.

Jabba

Y ya puestos... (espero no estar pasandome ya) también saber como has hecho para que los comentarios queden dentro de esas casillas grises que permiten que se diferencien tan bien los unos de los otros con ese pie de comentario en rojo donde se incluye la fecha. Muchas zenkius!!

Rosa

Hola Jabba!
Mira para colocar un mensaje en la casilla de comentarios ve a tu plantilla:
Opciones/Comentarios busca la casilla correspondiente a "Mensaje del formulario de comentarios"
En ese espacio añade el texto que deseas que se vea cuando los visitantes van a comentar.

En Blogger no es posible colocar los comentarios debajo de los post, aunque si hay algún sistema externo para hacerlo, tengo pensado explicar uno que me gusta mucho en breve.

Y lo del color de los comentarios, pues, je,je, pronto haré una entarda con eso, pues es algo largo de explicar... Esta ya la tengo en borradores, así que casi seguro "subirá" esta misma noche.

¡Saludos!

Jabba

Dios santo, esto es eficiencia y lo demás son tonterías. Muchas gracias. Aguardaré expectante a que nos deleites con esas dos super explicaciones. Un saludo!

PD. Yo ayer descubrí como introducir fragmentos de HTML en una entrada sin que el editor de texto lo tomara como parte del formato de la entrada. Me costó lo mío averiguarlo porque no lo encontraba por ningún sitio. He colgado en mi blog como hacerlo (aunque seguro que habrá formas mejores):-P.

Rosa

Jabba he visitado tu blog y ¡me encanta! el diseño sobretodo, sencillo y limpio ¡Enhorabuena!

Algo de eso sobre publicar código tengo yo por aquí...;)
http://elescaparatederosa.blogspot.com/2007/03/publicar-cdigo-en-el-blog.html

Jabba

Me pongo colorado... Muchas gracias. Viniendo de una experta en blogs esas palabras se agradecen XD. Y gracias por los comentarios!! Suelen brillar por su ausencia :-p.

Saludos!

Jabba

Por cierto Rosa, ya que has ojeado mi blog no se si te habrás percatado que la fecha de mis posts sale en un gris demasiado clarito (para mi gusto) y con una fuente un tanto pequeña. ¿Puedo subsanar eso de alguna manera? Esque la plantilla sobre la que hize la mía definitiva no permite cambiar esos colores desde el panel de Blogger (es de los pocos colores que no se pueden cambiar y no entiendo por qué) y bueno, ese mismo formato también es responsable de un par de cosillas más que salen exactamente igual. ¿Se te ocurre como puedo cambiar eso?

Rosa

Hola Jabba!

Esa plantilla está rediseñada por Blog and Web y no se si suelen hacerlo así siempre o en esa plantilla, pero no han incluido algunas cosas...como lo que comentas, por ejemplo. Puede arreglarse pero creo que lo más sencillo para ti, será hacerlo "manualmente".
Para la fecha, busca esto:
.date-header {
color:#CCCCCC;
font-size:10px;
line-height:10px;
margin:0pt 0pt 5px;
text-transform:uppercase;
}
El color lo cambias en color:#CCCCCC;
Tabla de colores
El tamaño del texto en font-size:10px; aumenta el 10 a un número mayor para que el tamaño del texto se vea mas grande.

La otra parte a la que te refieres, creo que es el footer (pie) de los posts, "etiquetas" y demás ¿no?
Eso lo cambias igual que antes aquí:
.post-footer {
color:#CCCCCC;
font-size:10px;
line-height:10px;
margin:0pt 0pt 5px;
text-transform:uppercase;
}

Ve usando la "vista previa" por si las moscas...
¡Suerte!

Jabba

Eres una artista. Mil veces gracias :-).

Camila

Gracias Rosa!!
Bueno hice el truco y quedo muy bien, y disculpa por el comentario atrasado , no pude venir antes, pero igual de todos modos me has ayudado bastante con mi web.Saludos y cuídate Rosa.

Graciela Ventimiglia

Muchas gracias Rosa!!!! mis imágenes con sus link correspondientes de mail me quedaron muy bien.
Hay dos cosas que quisiera preguntar: una es cómo hacer para que el título y la descripción bajen a la parte inferior porque tapan parte de la imagen de la cabecera.
La otra es cómo centrar los textos que están dentro de cajas en mis dos sidebar.
Si la necesitas ver me lo decís y te envío la dirección.
Muchas gracias nuevamente
Saludos y seguí ayudando a los que no sabemos :)

Rosa

Graciela, perdona no pude contestarte antes!

Tienes dos opciones, bajar el título y la descripción un poco para que no te tape el muñequito o hacer que el título y la descripción aparezcan en más de una fila, así estarán a la izda del muñeco. Prueba ambas, a ver cual te va mejor, las dos son simples de conseguir.

Para bajarlo:

Busca esto en la plantilla:
#header h1 {

Tiene que estar así:
#header h1 {
padding-top: 150px;
margin: 0 14px .1em;
line-height: 1.2em;
font: $headerFont;
color: $headerTextColor;
}


Para "llevarlo a la izda":

En el mismo sitio el header h1{ ha de quedar así:
#header h1 {
width: 25%;
padding-top: 50px;
margin: 0 14px .1em;
line-height: 1.2em;
font: $headerFont;
color: $headerTextColor;
}

Por si te sirve mi opinión, a mi me gusta más la segunda opción.


Para centrar los elementos o texto en las sidebars, situate en:

.sidebar .widget-content {

Y justo debajo de esto, colocas:
text-align: center;

¡Suerte!

Graciela Ventimiglia

A mí también me gusta la 2º opción. Quedó espectacular, gracias Rosa!
Centrar el texto no funcionó con poner el código debajo de .sidebar .widget-content { sino debajo de .sidebar .widget {
Gracias también!
Si no es mucho molestar me gustaría saber cómo se puede hacer para que el blog se vea con otras resoluciones. Probé con varios script que andan dando vuelta pero no funcionaron.
Sé que para que se adapte, todo tiene que estar en porcentajes, y me parece que así está el mío. En realidad se adapta todo menos el sidebar de la derecha: el perfil con todo lo demás se va hacia abajo porque no cabe. Será que les faltan los porcentajes a los sidebar?
Saludos y gracias nuevamente!

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S