Cómo cambiar favicon y cómo quitar barra de blogger

Favicon

En primer lugar crea una imagen "cuadrada" en cualquier editor de imágenes, tras ello sigue los siguientes pasos:

1. Debemos convertir la imagen creada a formato .ico ya que en otro caso, algunos navegadores no lo interpretarán de manera correcta -lo ideal de tamaño 16x16-. Podemos optar por hacerlo de modo automático desde algún servicio online como Chami y nos descargamos el fichero comprimido generado. En el mismo incluirán la imagen en formato ico y otra en formato gif.
2. Debemos subir las imagenes generadas a algún servicio de alojamiento gratuito, yo he empleado http://imgur.com/ para la de formato "ico" y el propio blogger para el "gif".
3. Una vez hemos albergado las imágenes en cualquier servicio debemos editar la plantilla de nuestro blogger, para hacerlo entramos en nuestro blog y vamos a: Diseño -> Edición de Html y buscamos el texto en rojo, entre el mismo insertamos las dos líneas que podéis ver, eso si, modificando la dirección de la imagen -en azul en el ejemplo- por la vuestra. En cualquier otro sistema simplemente añadir las líneas de en medio justo antes de la etiqueta </head>

1. <b:include data='blog' name='all-head-content'/>


<link href='http://www.hostanyimage.com/files/n141jzwsjn9pibz8o25w.ico' rel='shortcut icon' type='image/x-icon'/>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig28EuSnElUmJ26DQMucMmlnKFYk49EHTZO_f39fHbGV8X1gTAV0yQnXOls0YLt1gMFL4zl2QPrmPcEy5qujH9IQvL4lGtPcZw_uC0t1Wv1v9AuvMRZ8pPzKn99Oe7-A5Jn1Uxr4t_B8o/s1600/animated_favicon2.gif' rel='icon' type='image/gif'/>

<title><data:blog.pageTitle/></title>
si con el método anterior no os funciona -es la que he usado ya que en chrome la anterior no me iba-, podéis probar añadiendo tras la finalización del title -texto en rojo- la siguiente línea


<title><data:blog.pageTitle/></title>
<link href='dirección del fichero ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

NAVBAR 
 

1. Da click en la pestaña “Plantilla” y después en la opción “Edición de HTML”

2. Busca en el código el siguiente texto:

   body {
   ...

3. Justo arriba de él pega el siguiente código de acuerdo a tu versión de Blogger:

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