0

Tamaño de las fuentes a gusto del visitante



Este script lo encontré en Vagabundia hace tiempo y lo añadí a un blog de pruebas para ver el resultado, ahí quedó hasta que la pregunta de un amigo bloguero me hizo recordarlo.
Con este script podemos aumentar el tamaño de las fuentes del blog, o si lo preferimos de una parte en concreto

Para utilizarlo podemos descargarlo desde la página del autor o del script que J.Miur amablemente nos proporciona. El lugar indicado para añadirlo en nuestra plantilla es justo antes de </head>


<script type="text/javascript">
var tgs=new Array('div','td');
var szs=new Array('xx-small','x-small','small','medium','large','x-large','xx-large');
var startSz=2;
function ts(trgt,inc) {
if (!document.getElementById) return

var d=document,
cEl=null,sz=startSz,i,j,cTags;
sz += inc;
if (sz &lt; 0) sz=0;
if (sz &gt; 6) sz=6;
startSz=sz;
if ( !(cEl=d.getElementById(trgt))) cEl=d.getElementsByTagName(trgt)[0];
cEl.style.fontSize=szs[sz];
for (i=0 ; i &lt; tgs.length; i++) {
cTags=cEl.getElementsByTagName(tgs[i]);
for (j=0; j &lt; cTags.length ; j++) cTags[j].style.fontSize=szs[sz];
}
}
</script>



Una vez guardamos los cambios nos dirigimos a plantilla de diseño para añadir un nuevo elemento de página y escogemos HTML/Javascript en su interior añadiremos lo siguiente:

<a href="javascript:ts('body',1)"> AUMENTAR </a>
<a href="javascript:ts('body',-1)"> DISMINUIR </a>

Si miramos nuestro blog comprobaremos que aparecen dos enlaces de texto, AUMENTAR y DISMINUIR y al clicar se produce el efecto en la totalidad del blog. Si deseamos el efecto en una parte determinada del blog sustituimos 'body' por 'main' si es para las entradas o 'sidebar' si es para la columna.
Esto último puede variar según la plantilla y deberíamos mirar el DIV que corresponde a la parte que vamos a aplicar el efecto.

Otra modificación sería sustituir el texto AUMENTAR y DISMINUIR por una imagen en este caso lo haremos suprimiendo el texto y en su lugar añadimos <img src="url-imagen"/>
El resultado sería algo así: (Imágenes extraídas sigilosamente de Vagabundia)

Ver efecto en funcionamiento


0

GRACIAS por tenerme presente...

Los premios y menciones se pusieron de moda hace tiempo, la idea no fue mala, una buena excusa para dedicar a alguien unas bonitas palabras, reconocer su trabajo y sus valores, agradecer la amistad brindada...
Los premios fueron-son una cadena imparable, no hay duda que a todos nos agrada que se acuerden de nosotros y los recibimos con alegría y satisfacción.

Recibir un premio conlleva a seguir unas reglas, una de ellas mencionar a un número determinado de blogs, personalmente nunca lo hice porque me resultaba difícil escoger entre tantos blogs, porque todos son buenos cada uno en su temática, porque de una forma u otra a todos les cuesta esfuerzo mantener un blog, porque todos tienen su espacio y ninguno eclipsa a otro, porque lo que para unos no es un mal blog para otros puede serlo...

Por todo eso decidí corresponder a cada premio pasando por alto las reglas, únicamente mencionando a la persona que lo otorgaba. Gustosamente hice mención a todos y cada uno intentando transmitir mi agradecimiento.

Han venido a recordarme que debo pasar a recoger unos cuantos premios más, eso quiere decir que durante unos cuantos días el poco tiempo que tengo para dedicar al blog debe ser exclusivamente para mencionar esos premios.

Ese es mi dilema, mi gran apuro ¿qué hacer? ¿y los comentarios? ¿qué piensas tú que esperas respuesta a tu mail? siento la sensación de estar fallando a alguien y la sensación no es agradable. He tomado la decisión que durante un tiempo y hasta que mi jornada laboral se normalice no podré postear sobre los premios.

Yo sé que lo vais a entender, pero aún así quiero pediros disculpas, y sobre todo daros las gracias y deciros que con premios o sin ellos mi cariño es muy grande.




0

Elegante sistema de expandir entradas

Muchas formas se han mostrado para aplicar el conocido "Leer más" algunas son una verdadera odisea sobre todo en plantillas adaptadas, la que he descubierto me ha sorprendido como ninguna por la facilidad de añadir al blog y sobre todo el bello efecto y la posibilidad de expandir más de una entrada al mismo tiempo.
[+/-] Ver ejemplo.

Si les gusta vamos a seguir los pasos para mostrar esas entradas demasiado extensas de una bonita forma. Pero antes debo dar las gracias a Ariane de Templates Novo Blogger gracias a ella podemos saber que el autor de esta maravilla es Stu Nicholls

Comenzamos por situarnos en la plantilla Edición de HTML, localizamos ]]></b:skin> y justo antes añadimos lo siguiente:
.maintext {padding:1em; border:1px solid #ddd; margin:0 20px 10px 0;}
.maintext p {padding:5px 0 0 0; margin:0;}
.maintext p.bold {font-weight:bold;}
.maintext h2 {margin:0; padding:0;}
.switch {display:block; font-size:1px; width:16px; height:16px; background:url(url-imagen-abrir); cursor:pointer;}
.off {background:url(url-imagen-cerrar);}
.hide {display:none;}
.show {position:absolute; display:block; width:500px; background:#fff; border:1px solid #000; padding:10px; margin-top:5px; z-index:500;}
.show img {float:left; padding:0 10px 10px 0;}

Personalizar la caja de contenido requiere alguna modificación aunque no es necesaria, excepto el ancho de la caja que no debe ser mayor al espacio de las entradas:
width:500px; anchura de la caja expandible.
background:#fff; color de fondo de la caja.
border:1px grosor del borde.
solid #000; tipo de borde y color.
background:url(url-imagen-abrir) : url del icono rojo (expandir).
background:url(url-imagen-cerrar) :url del icono verde (recoger)

Lo siguiente lo añadiremos antes de </head>

<script>

onload = function() {


var e, i = 0;


while (e = document.getElementsByTagName ('B') [i++]) {

if (e.className == 'switch') {

e.onclick = function () {

this.className = this.className == 'switch' ? 'switch off' : 'switch';

this.nextSibling.className = this.className == 'switch' ? 'hide' : 'show';

}

}

}

}

</script>



Nos queda el último paso, se trata de añadir en cada entrada:

<div class="maintext">
<b> Texto inicial de la entrada </b>
<b class="switch"></b>
<div class="hide">Aquí escribimos el contenido oculto</div>
</div>

Donde dice "Texto inicial de la entrada" escribiremos el texto que será visible, es decir el que se muestra sin expandir la entrada.

"Aquí escribimos el contenido oculto" es el espacio para añadir el contenido de la caja, texto, imágenes, código...

Si, ya sé que es una lata copiar y pegar el código en la entrada cada vez que deseamos expandir nuestros post pero eso no es problema si lo añadimos a la plantilla de entrada.

Otras formas de expandir entradas:
Leer más- Read More (Con imagen)
Leer más con efecto expandir y recoger
Leer más (Read More)
Leer más o Read More para todas las plantillas de Blogger
Y el recomendado: Leer más original de Blogger.

0

Intelecto y filosofía



Esta esfera tan bonita ha sido creada por Pisanlov alguien muy especial, hijo de nuestra preciada amiga K_nelita. Agradezco el detalle de corazón y como no, esta mención va derechita a mi sidebar.

0

Botones antipixel

Qarols se ha interesado por la forma de crear online este tipo de botones tipo banner en miniatura (80px x 15px) a los que llaman "antipixel" y que yo estoy usando en mi blog.









Hay varias páginas en Internet que nos permiten crear este tipo de botones y otras donde podemos descargar los botones ya diseñados.



Crear botones antipixel:



Buttom Maker

Blogflux

Online Button Maker

Publicons.de

Imaxenes (en castellano)



Brilliant Button Maker  (En esta web pueden añadirse imágenes al botón.)



Descargar botones antipixel ya diseñados:



Gtmcknight (Coleccion con casi 4.000 botones antipixel agrupados en categorías.)



WebBadges (Colección de botones antipixel con un diseño soberbio.)



Terrababy.nl (Coleccion de botones animados antipixel.)

0

Como eliminar una cuenta en Google Analytics

Pedrox me pregunta:
Yo registre un blog en Google Analitycs, pero la verdad es que no entro mucho a ver las estadísticas ni nada. Pero tampoco me da la opción de eliminar el blog, ni la cuenta. Lo que quiero saber es que si yo dejo eso así, y no entro mas, y elimino el código del blog, no pasa nada?? no trae algún problema o algo??

En el Centro de asistencia de Google Analytics encontramos la respuesta a las dudas de Pedrox, bajo el título "Como puedo cancelar mi cuenta de Google Analytics":

[Si no quiere que Google Analytics realice el seguimiento de su sitio web, elimine el código que ha instalado en él para tal efecto.
En cuanto lo elimine, Google Analytics dejará de recibir datos.

Si desea eliminar una cuenta de su interfaz de Google Analytics, envíenos un mensaje. La cuenta se cancelará solo si uno de sus administradores realiza la solicitud e incluye en ella el número de la cuenta.
]


No es difícil entender con esta información, que podemos eliminar el código de seguimiento añadido en nuestro blog sin temor a que esto nos cause algún problema.
Pero también nos queda claro que para eliminar una cuenta que ya no queremos utilizar hay que enviar un correo al equipo de Google.
El formulario que hemos de completar para el envío de nuestra solicitud no es demasiado complicado:

  1. Nombre completo
  2. Correo electrónico de acceso a Google Analytics
  3. ID de cuenta
  4. ¿Es administrador de la cuenta?
  5. Sitio web
  6. Reason for cancelling (Razón de la cancelación)
Todos los campos son obligatorios, así que no debemos dejar ninguno en blanco.

Como podemos comprobar son datos que se nos piden de forma habitual en otros servicios de este tipo, aunque quizás podría surgir alguna duda con ID de cuenta.

Para conocer cual es el ID de la cuenta que queremos cancelar tenemos que acceder a nuestro panel en Google Analytics y sobre la tabla que muestra los perfiles del o los blogs asociados a esa cuenta, veremos un enlace que dice: (Editar la cuenta y la configuración para compartir datos) , pinchamos en ese enlace y en la página a la que accederemos, vemos arriba del todo nuestro ID de cuenta que tendrá que ser algo como UA-XXXXXXX (las "X" serán los distintos números del ID).

Es también muy importante que pongamos en los otros campos del formulario los mismos datos con los que estamos utilizando la cuenta de Google Analytics.

En la última opción del formulario tendremos que escoger, entre las opciones que nos proporcionan, la que más se aproxime al motivo por el que queremos cancelar la cuenta, si tenemos alguna duda, podemos marcar la opción "Other" (Otras).

Del tiempo que tardan en responder confirmando la cancelación de la cuenta, no puedo deciros nada, a decir verdad no conozco a nadie que lo haya solicitado...

0

Añadir un boton para Ayuda Blogs en Blogger

Hace unos días os informaba del estreno de Ayuda Blogs un nuevo portal para enviar noticias relacionadas con la ayuda para blogs en cualquier plataforma.



Hoy me he enterado que desde Vinagre Asesino nos explican con todo lujo de detalles como agregar un botón de Ayuda Blogs en Wordpress para que cualquier usuario pueda enviar las noticias directamente desde el blog, eso si, como en cualquier agregador de este tipo, para poder enviar los artículos antes hemos de estar registrados.



He construido el código para usar el botón en Blogger usando la misma imagen de Vinagre Asesino, así que vamos a ver como añadir el botón de Ayuda Blogs en Blogger:






[1] En nuestro panel de Blogger nos situamos en "Edición HTML" y marcamos la casilla de "Expandir plantillas de artilugios" para localizar esta línea del código:



<div class='post-header-line-1'/>



[2] Justo antes de esa línea añadimos el código necesario para el botón de Ayuda Blogs:

<!--Boton Ayuda Blogs -->

<a expr:href='&quot;http://www.ayudablogs.com//submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Enviar a Ayuda Blogs'><img align='right' height='41' src='http://1.bp.blogspot.com/_8PJ-pgoBhWQ/SGvDw5VE41I/AAAAAAAAEAY/ZtWz5UIvwSQ/s320-R/ayuda-blogs.jpg' width='54'/></a>



[3] Usamos la "vista previa" y si todo está correcto, guardamos los cambios.

El botón se verá entonces al comienzo de cada entrada y a la derecha de la misma:






Para colocar el botón en la zona del post-footer (pie de entrada) tendríamos que añadir en la plantilla el mismo código, con la única diferencia, de que la línea de código a localizar sería esta otra y el código lo pegaríamos justo debajo de ella:



<div class='post-footer-line post-footer-line-1'>






Para mostrar el botón a continuación de los demás elementos del post-footer, borramos en el mismo código el align='right' y lo colocamos después de:



<div class='post-footer-line post-footer-line-3'>