Agregar la reacción a tus entradas en blogger

Quieres saber la reacción de tus usuarios, respecto a una entrada. En blogger, existe un widget, que es como una encuesta debajo de cada comentario. Asi sabrás si esa entrada a tenido existo para tus usuarios.
Es muy sencillo:

1. Entra en blogger
2. Ir a la pestaña “Diseño”.
3. Dar en editar en el widget de “Entradas del blog”.
4. Ahí aparecen todos los elementos de información que pueden agregarse a las entradas, entre ellos el de “Reacciones”. Por defecto trae algunos calificativos, pero bastará dar clic para editarlos.
   

   
   

5. Solo guarda los cambios y listo.

NOTA: Chicos si vuestra plantilla ha sido modificada o es blanca, no os aparecerá esta aplicación y direis que no funciona. Si funciona lo único que teneis que hacer para que funcione es lo siguiente:

No aparece la opcion REACCION en las entradas de mi blog!

1. Ir a diseño
2. Entrar en edición de HTML
3. Abajo del todo, veremos un link que dice:Restablecer la plantilla de artilugios, le damos ahí y directamente, le damos a ver blog.

Y asi saldrá vuestras encuestas.

Espero haberos ayudado. Muchas gracias.

Cambiar el logo de blogger por tu propia imagen prediseñada

Hola, estás harto de abrir tu blog y ver el logo de blogger  , y quieres poner una imagen tuya prediseñada.
Es muy facil en este tutorial te enseñaremos. Solo sigue estos pasos, y verás que facil se te hace:

Ubícate en Escritorio > Diseño > Edición HTML y pega esto justo después de <b:include data='blog' name='all-head-content'/>

<link href='URL_ICONO' rel='icon' type='image/x-icon'/>

<link href='URL_ICONO' rel='shortcut icon' type='image/x-icon'/>

Reemplaza URL_ICONO por tu icono, preferiblemente que la imagen sea en formato .ico

Guarda los cambios y ahí lo tienes ; )

Ocultar la barra de navegación de Blogger

Probablemente a muchos usuarios les molesta la barra de navegación de Blogger porque desean que su blog tenga una mejor apariencia.
Por ejemplo en mi plantilla no esta la barra, pero agregue el logotipo de Blogger porque me parece muy importante el darle crédito a los de Blogger por permitirnos tener un espacio gratuito en la web.

Así que para ocultar esta barra tendrás que hacer lo siguiente:
- Ir a Plantilla, después a Edición de HTML (no necesitas Expandir plantillas de artilugios) y agregas el siguiente código entre <b:skin><![CDATA[ y ]]></b:skin>. Preferible que lo pegues al final, porque puede ser que en algún momento, no quieras esto y se te va hacer mas fácil poder ubicarlo para borrarlo.

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

]]></b:skin>

</head>

¿Cómo poner una imagen de fondo en el blog?

1. Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y buscas lo siguiente:

body {
background:$bgcolor;
...
}

2. Tendrás que agregar después de background:$bgcolor lo siguiente (lo que está de color azul):

body {
background:$bgcolor url(http://Aquí la direción de la imagen) fixed no-repeat top left;
...
}

Explicación:
- El valor no-repeat, la imagen no se repite. Además podemos cambiarlo por otros valores como repeat-x, repetirá la imagen horizontalmente mientras que el valor repeat-y, repetirá la imagen verticalmente y si se especifica repeat, la imagen se repetirá horizontal y verticalmente.
- El valor fixed, la imagen se desplazará con el contenido o será fija.
- El valor top left, la posición de la imagen.

Nota: La imagen debe ser grande, tipo wallpaper, el cual tienen un ancho de 1024 pixeles (px) y un alto de 685 px aproximadamente.

¿Cómo poner un texto en movimiento en la barra de estado y título?

La barra de título, está en la parte superior y nos indica la página web en la que el navegador está situado.

La barra de estado, nos aparece en los exploradores por lo general abajo y suele mostrar información sobre la página.

Para agregar el siguiente código tienes dos formas de agregarlo:
- Ir a diseño de la plantilla, clic en Añadir un elemento de página y seleccionasHTML/Javascript.
- Ir a diseño de la plantilla, luego Edición de HTML y lo agregas antes de</head>

Para la barra de título

<script type="text/JavaScript">
var repeat=1 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1
var title=document.title
var leng=title.length
var start=1
function titlemove() {
titl=title.substring(start, leng) + title.substring(0, start)
document.title=titl
start++
if (start==leng+1) {
start=0
if (repeat==0)
return
}
setTimeout("titlemove()",140)
}
if (document.title)
titlemove()
</script>

** setTimeout("titlemove()",140), esta línea se refiere al movimiento del texto, si deseas le cambias el valor de 140 por otro valor.
Probablemente el texto lo veas muy junto o no se aprecie bien, entonces enOpciones, Básico y en el Título le agregas guiones o puntos. Pero acuérdate que cambiaria el titulo de tu blog, es decir estaría con puntos o guiones.

Para la barra de estado

<script language="JavaScript">
var MessageText = "Bienvenidos a Ayuda para el Blog..."
var DisplayLength = 50
var pos = 1 - DisplayLength;
function ScrollInStatusBar(){
var scroll = "";
pos++;
if (pos == MessageText.length) pos = 1 - DisplayLength;
if (pos<0)
{
for (var i=1; i<=Math.abs(pos); i++)
scroll = scroll + "";
scroll = scroll + MessageText.substring(0, DisplayLength - i + 1);
}
else
scroll = scroll + MessageText.substring(pos, pos + DisplayLength);
window.status = scroll;
setTimeout("ScrollInStatusBar()",100);
}
ScrollInStatusBar()
</script>

- En var MessageText, escribes tu mensaje.
- var DisplayLength, viene a ser la longitud de tu mensaje.
- setTimeout("ScrollInStatusBar()",100), esta línea se refiere al movimiento del texto, si deseas le cambias el valor de 100 por otro valor.

¿Cómo mostrar los comentarios numerados?

1. Ir a diseño de la plantilla, luego a Edición de HTML y clic en Expandir plantilla de artilugios, agregar el siguiente código entre <b:skin><![CDATA[ y ]]></b:skin>. Preferible que lo pegues al final (antes de ]]></b:skin>), porque puede ser que en algún momento, no quieras esto y se te va hacer más fácil poder ubicarlo para eliminarlo.

.CommentIndex{
float:right;
position:relative;top:25px;left:3px;
margin-left:-200px;
font: italic bold 30pt 'Century Gothic','Trebuchet MS';
color:red;
opacity:0.3;
-moz-opacity:0.3;
filter:alpha(Opacity=30);
}

.CommentIndex:hover{
font-size:80px;
}

Explicación:
- En float, puedes cambiarlo de posición, sea left (izquierda) o right (derecha).
- En margin, ver aquí.
- En font y color, si deseas le cambias.
- En opacity, el número aparecerá opaco o transparente (sobre puesto), si deseas lo eliminas y desaparecerá lo transparente.

2. Buscar lo siguiente:
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>

3. Agregar lo siguiente (lo que está con color azul) después de:

<dl id='comments-block'>
<script type='text/javascript'>Index = 1;</script>
<b:loop values='data:post.comments' var='comment'>

4. Debajo de: <b:loop values='data:post.comments' var='comment'>pegar lo siguiente:

<span class='CommentIndex' title='solo comentario enumerado'><script type='text/javascript'>document.write(Index); Index= Index+1 ;</script></span>

5. Finalmente, guardamos los cambios.

Imágenes Personalizadas: ImageChef

ImageChef es una página que nos permite crear imágenes personalizadas, el cual puedes colocarlo en el blog/sitio web. Existe una variedad de plantillas para agregarle un mensaje personalizado, también puedes enviar a manera de tarjeta de felicitación a los amigos e incluso puedes crearte un icono para el Messenger, entre otras cosas.
1. Ingresar a www.imagechef.com 
2. Te registras (Register) y el primer paso es llenar un formulario en donde te pide nombre, e-mail, entre otras cosas. Muy fácil de llenar.
3. Hay una variedad de imágenes para personalizar, simplemente seleccionas la que mas te gusta.
4. Escribes algún texto o frase que quieras que se muestre, para colocarlo en el blog.
Veamos un ejemplo:

Click en la imagen para agrandarla

Letrero luminoso para el Blog

Esto me encanta, atended

Signbot es una pequeña utilidad que nos permite crear nuestros propios letreros luminosos al estilo de los centros comerciales, en base a LED (Light Emitting Diode, la traducción es: Diodo Emisor de Luz).

1. Ingresar a Signbot.
2. Solo debemos escribir la palabra o frase del anuncio, escoger el tamaño (pequeño, mediano o grande) y en unos segundos nos presenta el letrero listo para su descarga en formato GIF o alojarlo directamente en ImageShack.
3. Al crear el letrero, si deseas le das click en Host to ImageShack y luego escoges el que dice: Hotlink for Websites. De ahí, tienes que insertarlo enHTML/Javascript.
4. Es bastante útil para decorar el blog o sitio web.

Otra página:
Joombly


Y así quedaría

Agregue su propio cartel de led's en movimiento a su pagina en MySpace. !
(agregue varios espacios al final para mejor lectura del mensaje)

Ranking de 5 estrellas en el Blog

Ahora puedes incorporar en el blog un ranking de 5 estrellas para cada post.
En directorios, tales como Blogalaxia o Perúblogs, encontramos en la parte derecha un ranking, el cual algunos blogs/sitios web han agregado una barrita de 5 estrellas a su blog, con el fin de que el usuario pueda valorar el post. Esto puede deberse tal vez por la calidad de sus publicación o por la utilidad de sus escritos.
Si deseas poner esta barrita en tu blog hazlo de la siguiente manera:
1. En la plantilla tendrás que ubicar esto:

<p class="post-footer">
<em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>

2. Puedes poner el código justamente después después de </a> o al final de</em>. En todo caso en donde mejor te parezca.
3. Tendrás que pegar el siguiente código:

<iframe src="http://rank.blogalaxia.com/pbrate.php?color=ffffff&url=<$BlogItemPermalinkUrl$>" width=70 height=15 scrolling=no frameborder=0 marginheight=0 marginwidth=0 style='margin:0; padding:0'></iframe>

En donde dice: color=ffffff puedes cambiar por otro color.

4. Esta barrita prácticamente te saldrá en todos los post, pero si quieres en algunos tendrás que pegarlo cuando vas a publicar algo.
Nota: Para que esto te sirva necesitas agregar tu blog en los directorios antes mencionados.

Cortesía: Blogalaxia

Colores RGB

**En mi opinión me parece una idea interesante, porque creo que la popularidad de un blog no se puede medir solo por el número de visitas, sino por su calidad o utilidad, entre otras cosas.

Quedaría así

Calificado 3.91 por 80 personas

Cambiar posted by y comments en el Blog -17-

Post.- Se refiere a la publicación de un artículo o entrada nueva en un blog.

1. Para cambiar el posted by por algo más personalizado, deberán buscar en la plantilla o template el siguiente código:

<em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$">" title="permanent link"><$BlogItemDateTime$></a></em>

Cambiamos el posted by por lo que deseamos que aparezca en nuestro blog.
Por ejemplo puede ser: Publicado por, Escrito por, entre otras palabras o frases que se les ocurra.
Además, en donde dice at reemplazamos por “a las”

2. Luego más abajo podemos cambiar el comments, buscando el siguiente código:

<mainorarchivepage><blogitemcommentsenabled>
<a class="comment-link" href="">"<$BlogItemCommentFormOnclick$>>
<$BlogItemCommentCount$> comments</a>

Cambiamos el comments. Por ejemplo: Deja tu huella, Deja tu comentario, Comenta, entre otras palabras o frases que se les ocurra.
Nota: Si deseas que salga mayúscula y minúscula borras lo siguiente:

<p class="post-footer">

*En el caso que se hayan cambiado a la nueva versión del Blogger, es más sencillo:
Ir a plantilla, luego a Elementos de la página y en Entradas del Blog podrán editarlo. Ahí tendrán que seleccionar los elementos que quieran que se muestren en su blog.

*Por otro lado, si estas en la nueva versión del Blogger y has optado por Recuperar la plantilla clásica, simplemente ubicas lo siguiente:
<em><$I18NPostedByAuthorNickname$> <$I18NAtTimeWithPermalink$></em>Tendrás que borrar lo siguiente:
<$I18NPostedByAuthorNickname$> y reemplazar todo este texto por lo que quieras.

GUARDA TUS FAVORITOS EN INTERNET

Chicos mirad esto, está muy bien, puedes guardar tus páginas en internet y acceder a ellas en cualquier ordenata. Yo os recomiendo esta favoritos.maimol.com.

Antes, cuando navegabas por Internet y te gustaba una web, la guardabas en los favoritos del Internet Explorer o en los marcadores de Netscape y así podías volver a visitarlos si acordarte de la url exacta, aún hoy en día tiene esta opción los navegadores pero la mayoría de usuarios la han sustituido por las webs que realizan esta función.

La principal ventaja es que si los guardas en tu explorador habitual Explorer, Firefox, etc cuando no estás conectado en tu propio ordenador no tienes acceso a ellos, porque están guardados localmente allí. Por el contrario si los guardas en un sitio de favoritos on-line la cosa cambia ya que están accesibles desde cualquier lugar con conexión a Internet, solo necesitas logarte y listo.

A mi mismo se me ocurrió la idea, de implementar este servicio cuando no conocía ninguno que lo hiciera. De hecho creé favoritos.maimol.com, un servicio web que te permitía justamente eso.

Pero poco más tarde conocí del.icio.us hoy en día el más popular y que fué una de las primeras páginas, sino la primera, que ofreció este servicio, convirtiéndose en un clásico en la actualidad, hasta el punto de que del.icio.us fué comprada por Yahoo.

Un sitio muy popular de guardado de marcadores on-line últimamente es Mister Wong, pero también están los de siempre como los marcadores de Google, los propios marcadores de Yahoo, los favoritos de Live, y muchísimos otros.