Menú superior oculto

Hay muchas maneras de hacer menús en la parte y desde el blog de Gem@ Blog nos enseñan como ocultarlo, si realmente lo quereís poner en práctica aquí os dejo el enlace.

Enlace/web: Gem@ Blog 

Template XML para Blogger, Ice Cream, 3 columnas. Freebie

Desde Xanarts comparten este template:

De como instalar el tema y los ficheros XML, teneís toda la información en su web.

Enlace/web: Xanarts 

Escribir texto en dos columnas

Si nuestra entrada es muy larga y no queremos poner la opción de "Leer Más" podemos dividir el texto en dos columnas, tal como nos enseñan en "Red de Blogs"

<div style=”float:left; width: 45%”>texto en columna 1 izquierda</div>
<div style=”float:right; width: 45%”>texto en columna 2 derecha</div>
<div style=”clear: both”></div>


Si quereís más info, visitar la web de Red Blogs

Botón para compartir por Twitter y Facebook

Como cada vez tenemos los dos servicios de Twitter/facebook activos, desde Ciudad Blogger nos enseña como ponerlo en diferentes opciones dentro de nuestro blog.

Enlace/web: Ciudad blogger

Cómo agregar un gráfico firma a tu bitácora de Blogger.

Desde "Redblogs" nos enseñan como poner una firma en cada entrada/post de nuestro blogger.

• Generar la firma en un archivo
• Alojarla en un servidor online

Una vez generada la imagen/firma, entramos en Blogger.

• Vamos a configuración
• Formato
• Y al final, tenemos "plantilla de entrada"
• Copiamos el siguiente código.
• <a><br><left><img src=”URL DE TU GRAFICO”border=”0″></a></left>

• En URL DE TU GRAFICO= le ponemos toda el url que nos indique nuestro disco virtual.
  
• Y ahora, cada vez que escribamos una entrada tendremos la firma, o en su defecto la imagen que hayamos cargado.

Fuente: Red Blogs

Cambiar la forma del cursor sobre un link

Antiguamente en las webs, hablamos del tiempo de Geocities, era muy típico el modificar el ratón al pasar según los apartados que visitabas, y ahora desde "Ciudad Blogger" nos lo recuerda y enseña el cómo hacerlo.

Enlace/web: Ciudad Blogger

Añadir fondo a un gadget

Le quereís dar otro toque personal a vuestros gadgets/widgets?

Simplemente visitar el siguiente enlace que nos enseña como  ponerlo en nuestro blogger y como personalizar el código para hacerlo más personal.

Enlace/web: La trucoteca de blogs

Como insertar las listas de Twitter en tu blog

Sólo debes ingresar a la Twitter/List Widget del sitio e ingresar el nombre del miembro que creó la lista. Allí se mostrarán automáticamente las que puedes compartir y varios parámetros de configuración (colores, tamaño, método de actualización…), para luego generar al código para copiar y pegar en cualquier página.

Si, en cambio, prefieres que el cuadro se adapte más a tu propio diseño, en Mashable recomiendan Twitter List Widget, que cumple la misma función, pero en este caso los usuarios avanzados podrán modificar la apariencia a gusto por medio de JavaScript y hojas de estilo CSS.

Enlace/web: Twitter/List Widget

Fuente: Bitelia

Twiiter Gadget en flash con flechas para avanzar en los utlimos comentarios

En Kadazuro nos enseñan y además nos ayudan a generar el código para tener un widget en el que ver los últimos comentarios que tengamos en el Twitter y además tener unas flechas en la que avanzamos o retrocedemos en dichos comentarios.

Un widget divertido y original.

Enlace/web: kadazuro blog

Agregar suscripción al feed por categorías en las etiquetas

En los blogs tenemos tenemos varias opciones de suscripción, una es al blog general, otra a los comentarios y una que es hacer una suscripción por temas, para realizar este tipo de suscripción has de modificar tu plantilla de blogger tal como nos indican en "Ciudad Blogger"

El código y como añadirlo lo encontraremos en el enlace/link:

Fuente: Ciudad Blogger

Ampliar las imágenes al pasar el cursor por encima.

Solo tenemos que copiar y pegar el siguiente código donde queremos que se produzca el efecto, ya sea en una entrada o en un Elemento HTML/Javascript:


<img src="URL DE LA IMAGEN" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=200;this.height=150;" width="200" height="150" />


Como podeís ver en el código tenemos onmouseover y onmouseout, la primera es la imagen grande cuando tenemos el ratón encima y la segunda es la original/pequeña an ambos casos tenemos los mismos campos:

width: ancho
height: alto
url imagen: path donde tengamos colgada las imagenes.

Fuente: La trucoteca de blogs

Como agregar marcadores sociales en Blogger

Desde Red de bloggers, nos enseñan como añadir marcadores de redes sociales en nuestro Blog en la plataforma de Blogger.

Si realmente te gusta y lo quieres añadir en tu blog, accede al link/enlace y modificando tu plantilla con el código que nos da ya empezaremos a compartir nuestras entradas.

Fuente: Red de Bloggers

Manual HTML basico

Desde "Como se hace...?" nos comparten este manual básico de html, si queréis alguno más completo en la misma web seguro que lo encontraís.

Fuente: Como se hace...?

Descarga: Manual

Twitter en tu Web con Jotabl

Jotabl nos permite añadir una caja con nuestra cuenta de twitter en la que se mostraran los ultimos tweets pero no solo eso, si no que también los visitantes de nuestra web podrán dejarnos tweets directamente en nuestra web.

Su implementación en tu blog, es de lo más sencillo:

• Accedes a Jotabl
• Te registras en tu cuenta twitter
• Permites que jotabl y twitter interactuen/comuniquen entre ellos.
• Le das los datos de tu web/email/nombre de la caja
• Aceptas las condiciones y salvas
• Copias el código html en tu blog y ya lo tenemos en marcha.
  

Es un servicio de comunicación entre tus visitantes y tu.

Fuente: Devlab

Frases aleatorias para el blog

Este es un script sencillo que permite poner frases aleatorias en el blog, puede usarse para poner mensajes de bienvenida, recordatorios, citas célebres o lo que se te ocurra. La frase cambia cada que se recarga la página y los mensajes se distribuyen al azar.

• Diseño 
• Elementos de la página 
• Añadir gadget 
• HTML/Javascript y ahí pega esto:


<script language="Javascript"><!--
function text() {
};
text = new text();
number = 0;
// textArray
text[number++] = "Aquí va la frase"
text[number++] = "Aquí va la frase"
text[number++] = "Aquí va la frase"
text[number++] = "Aquí va la frase"
text[number++] = "Aquí va la frase"
increment = Math.floor(Math.random() * number);
document.write(text[increment]);
//--></script>


La cantidad de frases viene marcada por la línea (Aquí va la frase), tantas líneas tantas frases.

Fuente: Ciudad Blogger

Como añadir un botón de Twitter

Existe una página llamada BotonesTwitter.com que se encarga de crear un hermoso botón de Twitter para que podamos añadirlo a nuestro blog sin mayores complicaciones.


Ellos nos explican como hacerlo:

¿Cómo funciona Botones Twitter?
Es muy sencillo... Introduce tu ID de Twitter de abajo y pulse GO, entonces puedes copiar el código (haga clic en "Seleccionar Código") de cualquier botón y pégalo en tu blog, página web, tumblr o en cualquier lugar y haz que otros te sigan desde Twitter.. Eso es todo... disfruta el twitteo.

Enlace/Web: BotonesTwitter

Fuente: Vida Blogger 2.0

Gadget de estadísticas del blog

Se trata de mostrar el número de entradas y de comentarios que tiene el blog, sólo que le han agregado el tiempo de vida del blog, o sea los días que tiene online desde que se creó.

Para agregarlo entra a Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y ahí iremos al blog de CIudad Blogger y cogeremos el código que nos proporcionan.

Ejemplo:

273 días online
223 entradas
3030 comentario

  Fuente y código: Ciudad Blogger

Link dentro de las etiquetas para mostrar todas las entradas

SI quieres que aparte de tus etiquetas habituales, tengas una opción en la que veamos todas las entradas,en un principio solo el título ya que sino tardaría mucho en mostrar los resultados.

Hay que ir a la plantilla html de blogger y modificarla.

Diseño ; Edición de HTML y marca la casilla Expandir plantillas de artilugios, ahí nos acercamos al blog de "CiudadBlogger" y cogemos/modificamos el código que nos proporciona.

Fuente: Ciudad Blogger

Añade una imágen a la derecha/inferior de tu blog

Parece mucho para tan simple acción, pero funciona. Además es muy flexible, puedes poner la imagen que quieras y el link que quieras (quizás quieras poner un link al feed y no a la suscripción por correo).

El código es el siguiente y debe ser pegado antes de la etqueta (en el footer funciona bien).



<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://feedburner.google.com/fb/a/mailverify?uri=nombredel usuario&loc=es_ES" target="_blank"/><img src="http://www.web donde tengas tu icono o imágen.net/imágen.png"/></a>


Dime si te funciona.

Cómo crear enlaces para “enviar a twitter”

Si quieres que el visitante al leer tu noticia actualice y la envíe a su twitter has de poner los siguiente al final de tu entrada:


href=”http://twitter.com/home/?status=XXXX+YYYY”


Donde tenemos que:
           XXXX,YYYY es el título de la entrada
           + equivale a un espacio

El código completo sería:


<a href="http://twitter.com/home/?status=Probando+Status:+http://bit.ly/tuitealo">Enviar a Twitter</a>


Deseo que te sea útil.