lunes, 30 de agosto de 2010

Añadir una barra de google AdSense en lo alto de nuestro blog de Blogger

Continuando con la configuración del nuevo blog de Blogger, ahora vamos a poner una barra de publicidad en lo alto del blog.
Para la gente que tenga conocimientos avanzados de cómo modificar la plantilla del blog quizá esto sea una tontería, pero para otros muchos que (al menos de momento) no tenemos ni idea del código que ahí se encuentra, esto puede ser de bastante utilidad ya que de lo contrario Blogger no ofrece la posibilidad de situar publicidad (o cualquier otra cosa!) en ese lugar del blog.

Vamos allá: lo primero es entrar en la plantilla de diseño del blog y en la edición de HTML. Ahí dentro deberemos buscar "<b:section class='header' id='header'" a continuación aparecen dos campos maxwidgets showaddelement. El primero indica el máximo número de widget que se mostrarán en la cabecera y supongo que en todos los casos aparece 1. Debemos cambiarlo por el número que deseemos (en mi caso he puesto 2). En segundo lugar debemos indicar un valor 'yes' en lugar de 'no' para que desde la edición de elementos podamos gestionar los nuevos widgets a añadir.

Por tanto debe quedar algo como
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>


Guardamos la plantilla y vamos  al diseño de elementos de la página. Deberíamos poder añadir un nuevo widget a la parte superior de nuestro blog, por encima o por debajo de la cabecera.
De esta manera podremos insertar cualquier tipo de contenido en forma de widget que queramos.

Para añadir una barra de anuncios de AdSense, tendremos que tener una cuenta previamente claro, creamos un nuevo anuncio (recomendado que sea de 90 de alto por 900 de ancho para que quede esteticamente bien) y copiamos el código que nos sale y lo pegamos en un nuevo widget en la parte superior de nuestro blog. El widget será de tipo HTML/JavaScript

Y voilá, hemos introducido un widget con nuestro propio contenido en lo alto de nuestro blog

viernes, 27 de agosto de 2010

Insertar código de seguimiento de Analytics en Blogger

Empiezo fuerte el blog, pero es que tenía que hacer otra cosa antes de dejar esto colgado de internet por sí mismo... y es controlar las visitas y estadísticas del sitio. Para ello empleo Google Analytics.

Así que el primer paso es crear una cuenta de analytics si es que no tenéis ya.

Una vez dentro, deberemos crear un nuevo perfil para un nuevo dominio e introducir "http://xxxxx.blogspot.com". Y ya casi está, en el siguiente paso se nos dará el código para insertar en nuestras páginas que deberemos copiar y pegar justo antes de la etiqueta </body> en nuestra plantilla HTML (edición HTML en diseño).

Fácil no? pues con eso, entramos un par de veces y en menos de una hora debería aparecer verificado y listo para recoger las estadísticas del sitio.

Quitar el "Attribution"de Blogger

Bueno, pues no he tardado mucho en apuntar la primera "receta", simplemente al ir a ver el diseño del blog he visto que era demasiado claro y que en la parte inferior aparece el autor del diseño.
No es por ser desagradecido pero no me gusta que esté ahí y menos cuando no te dan la opción de que cojas una plantilla normal y básica, tienes que coger obligatoriamente una de las disponibles o tocar directamente el código HTML (para lo cual no estoy preparado todavía).

Si vas al diseño del blog te darás cuenta de que no te permite quitar ese elemento, está bloqueado. Pero es posible quitarlo: vamos a edición de HTML, le damos a "Expandir plantillas de artilugios" y buscamos (CTRL+F) la palabra "Attribution". Veremos que al lado aparece locked="true". Pues bien, cambiamos el true por false y guardamos la plantilla.
Volvemos al diseño y ahora sí, podemos eliminar el widget de attribution.

Desde aquí gracias a Tina Chen por su diseño, aunque creo que queda pagado por Blogger y no hace falta que aparezca por aquí (además, esto es una chapucilla)

ACTUALIZACIÓN: aunque lo había hecho antes, esta vez me ha dado algún problema volviendose a poner el valor a true automáticamente. Lo que he tenido que hacer es quitar directamente el widget elimiando el <b:widget...>...</b:widget>

Y por cierto, de esta manera también se pueden quitar otros widgets como la cabecera por ejemplo

Comenzando a chapucear

Este blog no requiere mucha presentación pues lo voy a dedicar a temas de ordenadores, internet, SEO, pruebas, tecnologías, trucos y otras cosas que siempre se me olvidan y tengo que volver a buscar. Si así de paso puedo ayudar a otras personas que como yo no apuntan nada y lo buscan todo de nuevo una y otra vez, pues mira que bien.

Algunos temas que se tocarán con toda seguridad son Android y friquear móviles, aplicaciones para montar un "home-server", temas de programación Java, PHP, javascript; diseño web y diseño de blogs, algo de SEO...
y otras muchas que irán surgiendo.

Pues sin más... ya empezaré cuando tenga alguna cosa que poner