Como borrar la b de los blogs aprendelo aquí

Seguimos una semana más con nuestros tutoriales para Blogger, esta semana vamos a tocar cosas estéticas, como ya en anteriores hemos hecho con el nuevo editor de temas de Blogger, o bien para cambiar la cabecera de un blog de Blogger. Algo que comparten todos los blogs de Blogger son dos cosas muy características: la barra de navegación superior y el favicon (el pequeño icono con la letra B al lado de la barra de direcciones). Como digo, son dos cosas características pero que puede que no queramos tener. Ya sea por diferenciar nuestro blog un poco del resto de los de Blogger y hacerlo más nuestro o porque simplemente no nos gusta. El caso es que si cumplís alguna de las premisas de arriba no hay de qué preocuparse ya que es muy fácil eliminar la barra de navegación y cambiar el favicon. Vamos a ello. Eliminar la barra de navegación Más que eliminarla os voy a dar dos opciones, quitarla por completo o hacerla invisible y que sólo se muestre cuando situemos el ratón en la parte superior del blog. Lo primero de todo y que siempre remarco es que guardemos una copia de nuestra plantilla por si acaso hacemos algo mal poder dejarlo como antes. Ahora vamos al tema. Para eliminarla totalmente lo que tendremos que hacer es ir a “Diseño” – “Edición de HTML” y buscar donde ponga ]]> Una vez encontrada esa línea tenemos que pegar justo encima el siguiente código: #navbar-iframe { opacity:0.0; filter:alpha(Opacity=0) } Con esto la barra desaparecerá para siempre. Pero si queremos hacer lo que he comentado de que sea visible si dejamos el cursor en el hueco que ha dejado tendremos que pegar el siguiente código justo encima del que acabamos de pegar. #navbar-iframe:hover { opacity:1.0; filter:alpha(Opacity=100,FinishedOpacity=100) } Cambiar el favicon Como ya he comentado antes, el favicon es ese pequeño icono con la letra B de Blogger que está en la barra de direcciones o en las pestañas de nuestro navegador. El icono en sí no es feo, pero es el mismo que llevan por defecto todos los blogs de Blogger, por lo que si queremos personalizar un poco más el blog no está de más que lo modifiquemos a nuestro gusto. Lo primero será crear nuestro propio favicon. Para ello debemos saber que es un icono de 16×16 píxeles y tiene que tener el formato .ico. Así que tendremos que crear una imagen de 16×16 píxeles y luego pasarla a ese formato. Para ello podemos utilizar cualquiera de estas dos webs que nos transforman nuestra imagen al formato deseado: Web Script Lab o Dynamic Drive. Con el icono ya en el formato adecuado tendremos que alojarlo en alguna web, por ejemplo en nuestro Dropbox o Fileden o SkyDrive. Lo siguiente será ir a “Diseño” – “Edición de HTML” y tenemos que buscar la línea donde ponga: Justo debajo de ella pegaremos lo siguiente: Deberemos cambiar donde pone “url_imagen.ico” por la dirección de nuestro icono. Y sin más, de una manera tan fácil ya tendremos nuestro favicon propio, a nuestro gusto y totalmente personalizado. Como siempre, para cualquier duda usad los comentarios y estaré encantado de ayudaros. ¡En dos semanas má

Read More