Mejora Tu Blogger

Quitar la leyenda "Mostrar todas las entradas" en Blogger

Tal vez a algunos no le den importancia a este aviso o notificación, que sale cada vez que seleccionamos una etiqueta y se ve encima de las entradas.

Para eliminarlo es fácil solamente nos vamos a Diseño > Edición de HTML > Expandimos los artilugios y buscamos el siguiente código:

<b:include data='top' name='status-message'/>

Lo eliminamos, vemos la vista previa, y si todo está bien guardamos.

Visto en | Gemablog Vía V-Junker

Cómo poner un índice de entradas en Blogger o Site Map

14:15 Índices, Site Map

Realmente este es un excelente script que podemos ponerlo en nuestro Blog, ya que trata de darnos un índice de todas nuestras entradas o posts ordenadamente, ya que nos la separa por medio de etiqueta o categoría, también cada vez que publiquemos una nueva entrada nos mostrara un aviso Nuevo!!.

Ahora para poner un índice en tu Blog haremos lo siguiente:

Primero nos vamos a Crear nueva entrada, y ahí mismo le damos a la opción de Edición de HTML, y pegamos el siguiente código:

<script style="text/javascript" src="http://dl.dropbox.com/u/4317648/Indice_de_entradas.js"></script> <script src="http://NOMBRE_DE_TU_BLOG.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Solamente cambiamos lo que está en color rojo por lo que te pide, y el script que está en color azul lo podemos dejar como esta o bien guardarlo y alojarlo en tu propio servidor para que sea más eficaz.

Y por ultimo, antes de publicar nos vamos a Opciones de entrada y donde dice fecha y hora de la entrada la cambiamos por una fecha anterior, lo recomendable es poner una fecha antes de nuestra primera entrada, también si quieren permitir comentarios o no es su decisión, ahora solamente publicamos la entrada y listo, ya tendrán su índice de entradas en su Blog.

-Vía V-Junker

Poner una faviconera en la cabecera del blog

13:57 Diseño, Favicon, Faviconera

Hace poco, me encontré como poner una faviconera en Blogger, gracias a Joaco un compañero de Forobeta, y es muy fácil implementarlo en la cabecera (header) de nuestro Blog.

Si no sabes que es un favicon?, checa la siguiente entrada que publique hace tiempo. La faviconera que vamos a colocar, así quedaría:

Primero nos vamos a Diseño > Edición de HTML y antes de ]]</b:skin> pegamos lo siguiente:

#faviconera { padding: 2px; /* espacio general entre los favicons y el borde de la faviconera */ padding-top: 4px; /* espacio superior entre los favicons y el borde de la faviconera */ text-align: center; /* alineacion de los favicones */ border-bottom: 1px solid #DDDDDD; /* estilos del borde inferior */ border-left: 1px solid #DDDDDD; /* estilos del borde izquierdo */ border-right: 1px solid #DDDDDD; /* estilos del borde derecho */ background: #FAFAFA; /* color del fondo de la faviconera */ -moz-border-radius-bottomleft:10px; /* grado de la curva de la esquina inferior izquierda (mozilla firefox) */ -webkit-border-bottom-left-radius:10px; /* grado de la curva de la esquina inferior izquierda (google chrome, safari, opera) */ -moz-border-radius-bottomright:10px; /* grado de la curva de la esquina inferior derecha (mozilla firefox) */ -webkit-border-bottom-right-radius:10px; /* grado de la curva de la esquina inferior derecha (google chrome, safari, opera) */ } #faviconera img { padding:1px; /* espacio entre cada favicon */ border:1px solid #dddddd; /* estilos del borde de las imagenes */ filter:alpha(opacity=50); /* opacidad de los favicones (mozilla firefox) */ opacity:.50; /* opacidad de los favicones (google chrome, safari, opera) */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* opacidad de los favicones (internet explorer)*/ } #faviconera a img:hover { filter:alpha(opacity=100); /* opacidad de los favicones al pasar el cursor (mozilla firefox) */ opacity:1; /* opacidad de los favicones al pasar el cursor (google chrome, safari, opera) */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* opacidad de los favicones al pasar el cursor (internet explorer) */ }

Luego de hacer esto, buscamos ahí mismo en la plantilla lo siguiente:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Lo que está en rojo muestra el número de gadgets que podemos colocar en la cabecera (header), tenemos que poner un número más grande, por ejemplo "5" para agregar más gadgets.

Ahora guardamos los cambios, y nos vamos a Diseño > Elementos de la página > Añadir un elemento HTML/Javascript y agregamos lo siguiente:

<div id="faviconera"> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> <a href="URL FAVICON"><img src="http://i1205.photobucket.com/albums/bb440/VJunkercom/interrogacionfinal.png" /></a> </div>

Solamente cambiamos lo que está en rojo por la url del enlace donde va dirigido el favicon y lo que está en azulpor la url de la imagen del favicon que tiene que estar en tamaño 16 x16, ahora guardamos y tenemos que mover el gadget por encima de la cabecera (header) y listo ya tendremos nuestra faviconera.

-Fuente

Colocar el botón agragar a Favoritos en Blogger

13:53 Favoritos, Marcdadores

Tal vez sea un pequeño truco el que les voy a enseñar, pero algo útil para algunos para que tus visitantes te agreguen a sus favoritos mediante un botón práctico y fácil de colocar, se basa mediante un script.

Primero nos vamos a Diseño > Elementos de la página > Añadir un elemento HTML/Javascript y pegamos lo siguiente:

<script language="JavaScript"> function agregar(){ if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) { var url="URL DE TU BLOG"; var titulo="TITULO DE TU BLOG"; window.external.AddFavorite (url,titulo); } else { if(navigator.appName == "Netscape") alert ("Presiona Crtl+D para agregar TITULO DE TU BLOG a tus favoritos"); } } </script> <input value="Agregar a favoritos" onclick="javascript:agregar();" type="button"/>

Ahora solamente cambiamos lo que está en rojo por lo que se nos pide, guardamos y lo movemos donde queramos que este el botón y listo.

-Fuente, V-Junker

Cómo mostrar autómaticamente los posts de Blogger en Twitter

13:35 Facebook

Socialize de Feedburner es una excelente herramienta para mostrar a nuestros seguidores de Twitter los posts que publicamos en nuestro Blog. De seguro han visto plugins, scripts y demás, pero la mejor, la que utilizo y nunca he tenido problemas es esta.

Para activar esta herramienta nos vamos a nuestra cuenta de Feedburner, seleccionamos el Feed que queremos utilizar en Twitter, de ahí le damos clic a Publicize, después a la opción de Socialize.

De ahí hay que seleccionar la opción de Add a Twitter account donde tenemos que iniciar sesión en Twitter, pero si ya lo están entonces les abrirá una ventana avisándoles si queremos conectar la cuenta con Feedburner, le damos permitir.

Una vez que veamos que nuestro usuario de Twitter estará seleccionado, solo falta darle unas modificaciones, como tipo de visualización de los títulos (solo el titulo, titulo y texto de la entrada, solo texto de la entrada), así como agregar el enlace hacia el post, texto adicional.

Mientras estemos modificando las opciones, nos mostrara una vista previa de los cambios hechos.

Una vez satisfechos por los cambios, activamos la herramienta y por ultimo le damos en guardar.

Ahora cada vez que publiquemos un post, se mostrara también ha nuestros seguidores de Twitter.

Si quieres recibir las actualizaciones del momento, te invito a suscribirte a nuestro Feed, al igual que nuestra cuenta deTwitter

Enlace V-Junker

Cómo crear un formulario de contacto con EmailMe form

13:30 Celdas de contacto, Formularios

Un lector de V-Junker nos mando un correo mediante contáctanos, preguntando cómo crear un formulario como el que tenemos, y la verdad es que es muy fácil.

Vamos a utilizar la herramienta online llamada Email Me Form, primero tenemos que registrarnos es gratis, una vez hecho esto iniciamos sesión y nos dirigirá a nuestro panel, ahí mismo le damos clic a la opción de Templates.
Ahora nos darán un formulario pre-hecho con los requisitos esenciales como Nombre, email, asunto y comentario, viendo esto, arriba le damos clic al botón Customize.