Botón Enviar Email pegarlo fácilmente en el blog

Tener en el blog un enlace de contacto es fundamental, sobre todo para aquellos blogs de negocios que quieren ofrecerle a sus clientes la posibilidad de contactarse de manera fácil. Y claro, esto aplica para todos los bloggers que quieren estar cerca de sus lectores.
Vamos entonces a ver cómo poner un botón para enviar un correo electrónico y que al presionarlo aparezca una ventana para escribir el destinatario y el asunto. Puedes hacer click aquí para probarlo (aunque esta dirección no existe):



Para ponerlo en tu blog sólo pega el siguiente código en un elemento HTML/Javascript:
<script language="JavaScript"><!-- Begin
function mailsome1(){
who=prompt("Ingresa el destinatario: ","tucorreo@gmail.com");
what=prompt("Escribe el asunto: ","Hola");
{parent.location.href='mailto:'+who+'?subject='+what+'';
}
}
// End --></script>
<input value="Enviar correo" onclick="mailsome1()" type="button"/>

Sólo cambia la dirección de correo por la tuya y el título del asunto. También puedes hacerlo con una imagen, el código sería el siguiente:
<script language="JavaScript"><!-- Begin
function mailsome1(){
who=prompt("Ingresa el destinatario: ","tucorreo@gmail.com");
what=prompt("Escribe el asunto: ","Hola");
{parent.location.href='mailto:'+who+'?subject='+what+'';
}
}
// End --></script>
<img src="URL de la imagen" onclick="mailsome1()" title="Enviar email"/>




Así de sencillo podrás tener un botón o imagen de contacto para que te envíen emails. Recuerda cambiar la URL de la imagen por el ícono que quieras.

NOTA: Esta herramienta no es un programa para enviar correos, cuando un lector quiera mandar el correo se abrirá su cliente de correo que tenga instalado en su equipo.


-Enlace: CiudadBlogger

Crear una faviconera en minutos

Si deseas añadir en tu blog una faviconera como la siguiente deberemos seguir los siguientes pasos:

1) Vamos a Diseño
2) Elementos de página
3) Añadir un gadget
4) Pegamos en él el siguiente código:


<style type="text/css">
#faviconera {
width:300px;
text-align:center;
margin:10px auto 10px auto;
}
#faviconera .contimg img {
padding:1px 1px 1px 1px;
border:1px solid #000000;
}
#faviconera .contimg a:hover img{
border:1px solid #ffffff;
}
</style>
<div id="faviconera">
<div class="contimg">

<a href="http://URLdelBLOGaENLAZAR.com"><img src="http://URLdeLAimagenDELfavicon.ico" title="Nombre de la web enlazada"/></a>

<a href="http://URLdelBLOGaENLAZAR.com"><img src="http://URLdeLAimagenDELfavicon.ico" title="Nombre de la web enlazada"/></a>

</div>
</div>



Podemos modificar el tamaño de la faviconera cambiando el valor del width. Lo mismo haremos con el borde

Si queremos añadir más favicons deberemos pegar tantos códigos como el siguiente queramos añadir:

<a href="http://URLdelBLOGaENLAZAR.com"><img src="http://URLdeLAimagenDELfavicon.ico" title="Nombre de la web enlazada"/></a>

Seguimos las instrucciones para colocar las URL correctamente. 



Tomado de quiero crear un blog.com

Cómo redireccionar un blog a otro

Tal vez hayas creado otro blog y no deseas perder a tus lectores antiguos pero no puedes avisarle a todos tus lectores que has cambiado de blog. Lo que puedes hacer es redireccionar el blog antiguo a uno nuevo, esto lo haremos con lo siguiente:
En el blog antiguo que ya no usaras, entra en Diseño > Edición de HTML, busca al inicio la etiqueta <head> y justo arriba de esa etiqueta pega el siguiente código:


<head>
<meta content='3; URL=http://nombre-de-mi-blog.blogspot.com/' HTTP-EQUIV='Refresh'/>
</head>
<body onLoad='redireccionar()'>
<script language='JavaScript'>
var pagina="http://nombre-de-mi-blog.blogspot.com/"
function redireccionar()
{
location.href=pagina
}
setTimeout ("redireccionar()", 500);
</script>
</body>


Ahora sólo debes cambiar nombre-de-mi-blog por el blog a donde quieres que tus lectores sean redireccionados.


Autor: El potro, Fuente

Alta Bloggers

AltaBloggers: Directorio de Blogs para BloggersDirectorio para Bloggers

http://altabloggers.blogspot.com/

Como armar una faviconera para Blogger

El uso de una caja de favicones como se muestra en laimagen es una de las técnicas utilizadas para intercambio de enlaces por medio de favicon.

Se trata de un bloque o caja destinado a almacenar los favicones de otros sitios web con los que desee intercambiar, desde luego cada favicon guarda el enlace a la página principal correspondiente, por ejemplo puede explorar mi faviconera que esta situada a su derecha.

¿Que es un Favicon?

Un favicon es una pequeña imagen de tamaño 16X16 px. que hace parte de la identidad gráfica de un sitio web.  El nombre favicon proviene de la composición Favorites Icon (Iconos favoritos)  y son utilizados por los navegadores web en las pestañas y en los marcadores (favoritos).

Es importante hacer una acotación antes de proseguir.  Como ya se acaba de definir acerca del favicon, pero si no estas familiarizado con el uso de este y probablemente poseas un blog de blogger (como este), entonces verás que en la pestaña del navegador el favicon será el de Blogger :

Este resultado (el ver el favicon en la pestaña) se logra con un procedimiento que requiere intervención en el código fuente del blog, algo que no es parte de esta entrada, pero que posteriormente veremos como se hace.

Una característica acerca del uso del favicon en su aplicación original (como se ve en la anteriorimagen) es que este sea creado con la extensión .ICO, aunque para las últimas actualizaciones de navegadores ya se acepta el favicon con la extensión .PNG y .GIF.   De todas formas para el uso de favicon en faviconeras no es camisa de fuerza y preferiblemente se aconseja el uso del .PNG, 


¿Como hacer una faviconera para intercambio de favicones?

Una forma sencilla de crear una faviconera para tu blog es la siguiente (en Blogger). Selecciona y copia el siguiente código, luego pegarlo en un gadget HTML/Javascript. He dejado los datos de mi favicon en azul para que les sirva de guía.

Este fragmento de código se repite seguidamente cada vez que requieras agregar otro favicon a la faviconera, yo por ejemplo tengo dos imágenes de favicon, una en color, que es la original y otro en gris que se repite continuamente y a los que he dejado como enlace la entrada donde ofrezco el intercambio de favicon.

 y 

<a href="http://www.tecnotierra.blogspot.com/" target="_blank"><img src="http://www.dinamicolor.com/TT/tecnotierra.png" title="Tecno Tierra" style="padding:2px; border:1px solid gray" /></a>

Recuerda bien los datos básicos para un favicon que son siguiendo el orden de las partes en azul  del anterior código:

1.  La URL del web:  http://www.tecnotierra.blogspot.com/

2.  La URL del favicon: http://www.dinamicolor.com/TT/tecnotierra.png

3.  El título del blog (al evento de pasar el mouse sobre el favicon): Tecno Tierra

16 consejos para tener éxito con un blog

Desde que salió el meme de 3 Consejos Para Ser Un Buen Blogger, muy buenos Bloggers han respondido el meme y con este han dicho todo tipo de consejos, desde los más populares, raros, importantes, etc. Por esto creo que es muy buen momento para hacer un post con la recopilación de los mejores y más efectivos consejos dichos por la experiencia de diferentes Bloggers en la Blogosfera.
Mis Consejos:
- Ser un Blogger único, donde exprese su punto de vista sin miedo a nada, y así tu Blog pueda salir del montón.
- Ser vivo y siempre mantenerte actualizado con todo lo que ocurra en el mundo y a tu alrededor, sobre cualquier tipo de temas, ya que es muy importante saber un poco de todo.
- Respetar, conocer y establecer amistad con tus lectores y visitantes, para que sientan que están como en casa y a gusto con tu Blog y el contenido de este!!
Consejos De Otros Bloggers:
1. Constancia: esto no se si es un consejo, más que todo es una virtud, pero para ser buen blogger tienes que tener constancia, si quieres tener un buen blog hay que ponerle empeño y dedicarle tiempo, las cosas no se hacen solas.
Escrito en Punto Geek
2. Aprender de los mejores.
Escrito en ChicaSEO
3.- No crear un blog con el único fin de obtener dinero sino porque nos gusta. No hay mejor satisfacción que ser leído por otros y conseguir lectores fieles.
Escrito en Alberto Garcia Blog
4. Intenta que el diseño de tu blog sea agradable a la vista y sobretodo fácil de leer. No uses fuentes demasiado oscuras ni letras muy pequeñas. Si la vista se cansa al leer un blog, seguramente el lector no volverá más.
Escrito en Luigix
5. Intenta que el contenido lo hagas para disfrutar tú y, si el contenido es hacia lectores provenientes de lectores, piensa que no todos tienen el mismo nivel de cultura en esa temática, luego habla correctamente.
Escrito en Magarto
6. No politizarse. He visto que muchos blog, incluso algunos muy famosos, se han llegado a politizar tanto que pocos de sus artículos se escapan de alguna referencia política. Un claro ejemplo es Gizmodo, cuyos artículos derrochan profundo anti-europeísmo. Si tu blog es de política, adelante, pero si es, por ejemplo, de informática, deja a los políticos a parte que bastante sufrimiento es verles en la televisión.
Escrito en Tecnobot
7. Si Publicas contenido: Entonces aqui desprendo unos cuantos consejos, el primero es que escribas de preferencia por las Mañanas, sobre todo si usas Adsense como Sistema Benéfico de tu Blog, te ayudará a aumentar el coste de tu Publicidad y hará que los clicks por la mañana valgan má; segundo, relacionando con lo anterior, si tienes una Noticia nueva, no la dejes para mañana, podría hacer eco en la blogósfera y reventar, recuerda que quien tiene primero la noticia generalmente se lleva los enlaces; y tercero, invita a tu Público al debate, haz preguntas del contenido publicado, un Blog con una buena cantidad de comentarios y de calidad dan un Plus adicional de los que no muchos sitios pueden demostrar.
Escrito en Marles Systems
8. Ten el blog ordenado y no abuses de la publicidad, queda bastante mal encontrarte publicidad hasta en la sopa ;)
Escrito en El Blog De Alcanjo
9. No te propongas rutinas rígidas – Me refiero a “tengo que escribir 5 artículos diarios”, “antes de las 10:00h ya tengo que haber publicado dos artículos”, “Voy a crear un nuevo blog cada dos semanas…”, etc. Si un día no te apetece escribir, no escribas, y no te sientas mal por ello. Tus cientos o miles de lectores que esperan ansiosos por leer lo que publiques sabrán comprenderlo, y tu cuenta de AdSense no se verá afectada. Si te sientes muy presionado, piensa que si te fuerzas constantemente te vas a quemar en pocos meses.
Escrito en Adseok
10. Intenta exponer el contenido claro. Explica la noticia con pocas palabras y que al leerla de un simple vistazo la gente se quede con el concepto que quieres transmitir, no empieces a dar rodeos o poner explicaciones de más que muchas veces son innecesarias (véase el ejemplo de este post, lo que he hecho arriba está mal, mal y mal) ¡Al grano!
Escrito en Soy Gik
11. No es un trabajo: Tómatelo con calma, no llegues a pensar que es un deber escribir todos los días en tu blog. Aveces es mejor descansar algunos días para luego volver con más fuerza.
Escrito en Frances Josep
12. Enlazar a la fuente de las noticias que no son obra propia… Este consejo no sirve para mejorar la redacción de los artículos o atraer lectores a nuestro blog, pero creo que esta cuestión básica (que muchos olvidan) es fundamental para ganarse el respeto que de los demás nos merecemos, ya que nuestra postura frente a la “competencia” decaerá considerablemente (y no olviden que después querremos que esa “competencia” cite nuestras propias creaciones… Es una ida y vuelta de enlaces, un dar y recibir)… Este consejo también se relaciona con no atribuirse descubrimientos de los demás, ya que tarde o temprano los lectores se darán cuenta de que tan mentirosos fuimos…
Escrito en Leegar Blog
13. Humildad: Es mis 5 meses blogueando me di cuenta que siempre uno encuentra gente que sabe mas, sea el tema que sea, nunca subestimes a tus lectores por mas que sepas mucho de una temática, explica tu punto y acepta las criticas o comentarios que no comparten lo que dices. Por otro lado esto es lo que hace divertido un blog, si todos pensáramos igual sería realmente muy aburrido y realmente se aprendería muy poco.
Escrito en kabytes
14. Si no tienes algo bueno que contar, es mejor intentarlo en otro momento. A diferencia de las respuestas que han dado varios, de escribir tres posts al día, siete a la semana…. personalmente prefiero leer un buen artículo de cada blog a leer tres artículos con contenido descuidado.
Escrito en RubenDomFer
15. Inteligencia en la elección de artículos: dentro de las opciones que tenemos día a día para postear, debemos elegir aquellos temas que realmente nos gustan. No por ser un buen tema o una última noticia debemos hablar de ella si no es de nuestro agrado, los lectores podrían notarlo y no ser de su agrado.
Escrito en DaniBlog
16. Si tienes 2 lectores escribe como si fueran 10.000 ya que aunque tengas pocos lectores ellos merecen respeto y te recomendaran si eres constante.
Escrito en Adictos 2.0
17. Mantener la línea: es decir, siempre tener las mismas ideas, no cambiar según la situación. Creo que mantener una postura firme ante uno mismo y ante los otros es una de las cosas más rescatables a la hora de leer algo, porque sabemos que, por más que la cosa esté dura, un blog siempre va a ir al frente y nunca va a cambiar sus ideales por miedo o para conformar al resto.
Escrito en Punto&Coma

Fuente: U love tech

Aviso flotante de suscripción al blog, por Ciudad Blogger

La otra vez vimos cómo poner un anuncio flotante que baja con la página el cual se usa con frecuencia para poner un aviso en el blog, pero también podemos darle otro uso y sacarle provecho para aumentar las suscripciones al feed.

Es decir, vamos a poner un aviso flotante de suscripción al blog de forma que cuando baje la página también baje la caja de suscripción.
Puedes ver un ejemplo en este blog de pruebas, y de paso puedes suscribirte ahí a este blog 

Para ponerlo en tu blog primero debes tener activada la opción de suscripción por email enFeedburner. Si no lo has hecho entra a tu cuenta de Feedburner, haz click sobre el nombre de tu blog y luego click en la pestaña Publicize.

publicize feedburner
Ahora haz click en el enlace Suscripciones por Email que se encuentra en el menú lateral izquierdo.
A continuación haz click en el botón Activar y estará habilitada la función de suscripción por correo.

Ahora dentro de Blogger entra en Diseño > Edición de HTML y pega antes de </head> lo siguiente:
<style type='text/css'>
#anuncio {
position:absolute;
padding: 2px;
padding-top: 15px;
width: 280px; /* ancho del anuncio */
visibility: hidden;
z-index: 200;
top: 30px;
left: 30px;
}
#rss-mail {
/* color e imagen de fondo */
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtxoyxWHhvQJ_potwRAEiOMjZz-O-s3b3_JPqhfZQH-k9kSgsBiaFmC4dgkpaOZvg1_KhKSGD4YgNwAAX-FTwziIL0WdG0VlGoH316OQ94pejllVnImlyLbqKUg8gW9rIFAjjQKN780t0/s320/pattern_blk_point.png);
border:2px solid #FF8000; /* borde */
height:70px; /* alto de la caja */
}
#rss-mail span {
color:#FFFFFF; /* color del texto */
font-size:12px;
font-weight:bold;
line-height:30px;
}
#rss-submit {
background:#FF8000; /* color del botón */
border:0px;
}
.rss-box {
height:13px;
margin-top:10px;
color:#6E6E6E;
font-size:12px;
width:135px;
}
</style>

<script type='text/javascript'>
//<![CDATA[
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 15 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("anuncio").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("anuncio").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("anuncio");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
//]]>
</script>

Luego busca la etiqueta </body> y antes de ella pega esto:
<div id='anuncio'>
<div id='rss-mail'>
<a href='Javascript:void' onClick='closebar(); return false'><img align='right' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKGyhzMjbbi5wdYXZIgRXXR6AjvMhyphenhyphenZSbv9SRXgf3pxln2oF0ajRyzrJnF1nI-qQCtRGrIMNRX0UkbYSLOddzxjt5-j8cJBH0rsIRarG2PEZi3E8z_YYSkpgru9S-aX_Z02pQYQ8Rgswo/s320/cerrar.png'/></a>

<span>Recibe las actualizaciones directo a tu correo</span><br/>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFWwhVWd-PdGdMW81O7s2x979RuigTydecL79PrMi5MA7TAz9MZpll1EiPqAuWREquhEgI2OL4o_RjHR44eFZY4hx2xazgquvYIKX8LIJb_fza5q3T4H4veHI6YaZXYq-fdue54ZfciHM/s1600/rss-icono.png' style='padding:5px; float:left;'/>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=miblog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='email' type='text/'/>
<input name='uri' type='hidden' value='miblog'/><input name='loc' type='hidden' value='es_ES'/><input id='rss-submit' type='submit' value='Suscribir'/></form></div></div>

Ahora sólo cambia lo que está en color rojo por el nombre de tu feed, por ejemplo, la URL de tu feed de Feedburner es algo como esto:
http://feeds.feedburner.com/miblog

El nombre de tu feed es lo que está en rojo, tal cual, sin espacios; así es como deberás ponerlo en el código donde se indica.
Lo que está en color azul puedes cambiarlo por otro texto, te recomiendo que no sea un texto muy largo.

En el primer código puedes personalizar la apariencia de la caja de suscripción, puedes guiarte por las anotaciones en color verde para saber a qué corresponde cada cosa.

De esta forma tendrás la posibilidad de conseguir más suscripciones a tu feed de una forma muy llamativa, además que la caja de suscripción puede cerrarse haciendo click en el ícono de cerrar.

Fuente: El mejor sitio del mundo sobre blogs: Ciudad Blogger
Related Posts Plugin for WordPress, Blogger...