TRABAJO COMO BLOGGER

En una de mis búsquedas por la web encontré una curiosa y util web en la cual se ofrece trabajo para bloggers. En esta web se ofrecen ofertas para trabajar desde casa. Podeis observar la variedad de ofertas que se se anuncian y quizás os interese alguna. La forma de pago suele ser mediante paypal. Puede ser un trabajo alternativo al vuestro. Como me resultó interesante os dejo el link para que vosotros mismos lo veais. Si se anima alguien que avise a ver si mas gente se anima a trabajar en este tipo de cosas.

Enlace: Find a Blogger

COMO PONER GOOGLE ANALYTICS

Esta 'aplicación' permite llevar un control total sobre el sitio web, muchos de los visitantes de este blog me preguntaron cosas como...

-Como saber la procedencia de las visitas.
-Cuantas visitas tiene mi blog diariamente, mensualmente...
-Que navegadores utilizan mis visitantes.
-Que paginas son las mas visitadas.
-De donde proceden los visitantes.
-Cuantos visitantes son nuevos.
-Visitantes reincidentes...

Todo esto y muchas cosas mas las podemos conocer mediante google analytics, su registro es muy sencillo y nos permitirá optimizar nuestro sitio web.

¿Como lo pongo en mi blog?

En primer lugar accederemos a Google analytics.Haremos click en Registrese ahora mismo, a continuación nos aparecerá una nueva pantalla donde tendremos 2 posibilidades; si tenemos una cuenta de google accederesmos con nuestro usuario y contraseña, en caso de no poseer una cuenta deberemos crearnos una.

Resumiendo, una vez creada la cuenta lo primero que tendremos que hacer es añadir un dominio, una zona horaria y rellenar los datos personales. Por ultimo aceptaremos las condiciones de de uso y nos generará un código para insertar en el html de nuestro blog.

Mediante este código google analizará nuestro blog y nos proporcionará las estadisticas que tanto deseamos conocer. Debo matizar que una vez insertado el código tardan unas 24 horas en hacerse efectivo el registro ya que en ese periodo de tiempo se recopilará la información. Si accedemos al panel de administrador de analytics justamente después de insertar el código veremos un icono amarillo, nos os preocupeis ya que es normal, en 24h desaparecerá y todo funcionará correctamente.

Para que os hagais una idea os pongo unas capturas de pantalla de mi Panel para que veais la potencia de esta aplicación
.

FUNCIONES VALIDAR Y SANEAR DATOS

Entrada orientada para la programación en PHP, PHP5 proporciona un conjunto de funciones básicas para validar y sanear los datos de entrada que pueden ayudar a filtrar los datos de entrada. Para validaciones más complejas será necesario desarrollar un conjunto propio de funciones de filtrado para los distintos casos que se pueden dar. Las funciones de filtrado de datos PHP son:

filter_has_var(): verifica si la variable del tipo especificado existe.
filter_id(): devuelve el ID del filtro con el nombre dado.
filter_input_array(): obtiene múltiples variables desde afuera de PHP y opcionalmente las filtra.
filter_input(): obtiene una variable desde afuera de PHP y opcionalmente la filtra.
filter_list(): devuelve una lista de todos los filtros soportados.
filter_var_array(): filtra múltiples variables con el mismo o con diferentes filtros.
filter_var(): filtra una variable con un filtro específico.

Estas funciones se pueden emplear para realizar dos tipos de filtrados:

Validación:

*Aplica reglas estrictas de formato (por ejemplo, URL o email).
*Devuelve el dato original o false si no pasa el filtro.

Saneamiento:

*Se emplean para permitir o no permitir ciertos caracteres en los datos.
*No emplea reglas de formato.
*Devuelve la cadena original tras eliminar los caracteres no permitidos.

Para indicar el tipo de filtrado a realizar (Validación o saneamiento), se emplean unas constantes que se utilizan al llamar a las funciones de filtrado. Las principales constantes de filtros de validación son:

FILTER_VALIDATE_INT: valida un entero.
FILTER_VALIDATE_IP: valida una dirección IP.
FILTER_VALIDATE_FLOAT: valida un número real.
FILTER_VALIDATE_URL: valida una URL.
FILTER_VALIDATE_EMAIL: valida un email.

Las principales constantes de filtros de saneamiento son:

FILTER_SANITIZE_STRING: sanea una cadena.
FILTER_SANITIZE_NUMBER_INT: sanea un entero.
FILTER_SANITIZE_NUMBER_FLOAT: sanea un número real.
FILTER_SANITIZE_URL: sanea una URL.
FILTER_SANITIZE_EMAIL: sanea un email.

Además, existen una serie de opciones y flags para especificar información adicional en el proceso
de filtrado, como las opciones min_range y max_range para definir intervalos numéricos o el flag
FILTER_FLAG_ALLOW_THOUSAND para permitir el empleo de la coma como separador de miles en un número real.

CARTELES DIVERTIDOS

Como siempre navegando por la web encontré una página que os puede ser de utilidad, en esta web podréis crear divertidos carteles para insertar en vuestro blog, únicamente tendréis que seleccionar la imagen que queráis y escribir el texto que aparezca en el cartel. Jugando un poco hice esta imagen.

Una vez creada la imagen podéis editarla con cualquier aplicación tipo paint, gimp... para quitarle la publicidad que como no inserta la web en todas las imágenes. Yo se la dejé para que la observéis, se encuentra en la parte inferior de la imagen. Simplemente con recortarle ese trocito tendréis un cartel totalmente personalizado. Espero que os guste y ya me contaréis que es lo que vosotros habéis armado.

Enlace: Lintukoto

LANZAR LA FOCA

Bueno hoy os traigo un jueguecillo de esos tontos pero que crean adicción!!! El juego consiste en lanzar la foca lo más lejos posible!! Tonto pero adictivo!! Bueno dejar como comentarios vuestros records y intentaré superarlos!!

CALENDARIOS Y RELOJES PARA BLOG

Llevaba tiempo buscando algún calendario para insertar en el blog y lo cierto es que no encontré ninguno que me agradara, gracias a uno de vosotros encontré una web que tiene unos diseños muy chulos tanto de calendarios como de relojes, todos vienen en formato gif por lo que no son estáticos, todos tienen su gracia :) os mostraré una imagen de algunos de los diseños y si os gustan podéis visitar la web y escojer el que mas os guste.

Podéis acceder a la web desde aqui.

Para insertar vuestro calendario tendréis que crear un gadget de tipo HTML/Javascript, allí tendréis que pegar este código:

<script language="JavaScript"
src="http://www.gifss.es/creaciones/calendarios/XXX/calendario.js"></script>


Tendréis que sustituir XXX por el número de calendario elegido y guardar los cambios, facil verdad? Bueno pues ya sabéis una cosa mas y espero que os guste.

NUBE DE ETIQUETAS BLOGGER

En otras ocasiones hemos comentado como crear una nube de etiquetas totalmente personalizada pero es cierto que se puede hacer directamente desde blogger sin ningún tipo de conocimiento de HTML ni CSS ni nada por el estilo. Blogger hizo sus deberes y nos permite crear una nube en cuestión de segundos. En primer lugar como es obvio tendréis que tener etiquetas definidas en vuestros post y a continuación lo que tendremos que hacer es:

Creamos un nuevo gadget de etiquetas:

Nos aparecerá un formulario tal que:

Aquí es donde personalizaremos nuestras etiquetas, deberemos marcar la casilla nube, por defecto se nos mostraran todas nuestras etiquetas en forma de nube pero podemos personalizarla un poquito mas, mostrando las etiquetas que deseemos, para ello marcaremos Etiquetas seleccionadas, a continuación presionaremos editar y ahí podremos quitar las etiquetas que no queramos que se muestren.

Como veis es muy fácil, como la mayoría de las cosas, únicamente tenemos que saber que opciones tenemos y la forma de ejecutarlas comúnmente es mas simple de lo que nos imaginamos :) , de todas formas esta es la forma 'fácil', el 'problema' es que no podemos personalizarla mucho mucho pero es una opción válida y rápida así que los que no sabian como hacer la dichosa nube ya estáis tardando en ponerla!!!

PERSONALIZAR ENLACES

Los enlaces o links en una web o un blog es muy importante que estén bien definidos ya que de esta forma los visitantes podrán ir navegando de una forma cómoda por vuestro espacio. Es posible personalizarlos y tendréis que adaptarlos a vuestro sitio de forma que queden bien definidos, es decir resalten sobre el resto de textos. Para ello vamos a explicar de una forma muy sencilla como hacerlo. Para los que utilicen blogger como platforma deberán acceder al código de su plantilla en Diseño->Edición de HTML.

Existen 3 posibles estados de un enlace que son los siguientes:

a:link { } -> Estilo del Enlace.
a:hover { }-> Estilo del Enlace cuando pasamos el Mouse sobre el.
a:visited { }-> Estilo del Enlace cuando ya fue visitado.

Teniendo esto en cuenta podremos personalizar cada uno de los estados con los siguientes atributos.

color:#RRGGBB;
Podéis consultar los posibles colores aqui.

text-decoration:valor;
Posibles valores:
none - no tiene ningún estilo.
underline - el texto aparecera subrayado.
line-trough - el texto aparecera tachado.
overline - el texto aparecera con una raya en la parte superior.

font-family:valor;
El Valor es definido por el nombre de la letra, ejemplo "verdana","tahoma", etc.

font-size:12px;
El valor numérico representa el tamaño de la letra.

font-weight:valor;
Dos valores, "bold" para Negritas y "Normal".

Un ejemplo de la estructura del código es la siguiente:

a:link {
color:#000000;
text-decoration:none;
font-family:verdana;
font-size:10px;
font-weight:bold;
}

a:hover {
color:#CD4B4B;
text-decoration:underline;
}
Espero que os sea de utilidad, ya me contaréis como vais personalizando vuestros enlaces ;)


SELECCIONAR DISTINTOS ESTILOS

Cursando una asignatura me enseñaron algo muy util y querria compartirlo con vosotros, no va orientado a los que tienen blogger, blogger como todos sabemos tiene ciertas limitaciones y una de ellas es que no podemos alojar diferentes hojas de estilo, me imagino que debe de haber alguna alternativa que ciertamente ahora no se me ocurre.

Bueno lo que propongo es que los visitantes puedan cambiar el estilo de la pagina mediante un pequeño 'menu'. En general las buenas webs tienen definidos diferentes estilos, normalmente se crean uno de alto contraste para discapacitados visuales, otro de impresión y uno principal y alternativo. Firefox tiene la opción de seleccionar el estilo desde Ver->Estilo de pagina, el problema venia como siempre con IE que no poseia esta opción, por tanto los diseñadores tenian que crear una alternativa para que todo el mundo pudiera seleccionar los distintos estilos. Debo resaltar que en la última versión (8.0) de IE si que la incorpora pero como siempre tenemos que diseñar para todos y desgraciadamente aún hay mucha gente con versiones antiguas de IE.

Por ejemplo en nuestra web tenemos los links a las distintas hojas de estilo de la siguiente forma:

<link rel="stylesheet" type="text/css" href="Principal.css" title="Predeterminado" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="Secundario.css" media="screen"
title="Secundario" />
<link rel="stylesheet" type="text/css" href="print.css" title="Impresion" />

Tenemos 3 estilos resaltados en negrita.

Ahora definiremos un par de enlaces en los que daremos la opción de simplemente haciendo click encima cambiará el estilo de nuestra pagina:

<p><b>Elige tu estilo</b></p><br />
<a href="Javascript:estilo('Predeterminado')">Principal</a><br /><br />
<a href="Javascript:estilo('Secundario')">Secundario</a>

Llegado a este punto tan solo tendremos que insertar nuestra función Javascript que permitirá cambiar de un estilo a otro.

function estilo(titulo) {//Para cambiar el estilo.

var arrayLink = document.getElementsByTagName("link");
for(var i = 0; i < arrayLink.length; i++) {
// Sólo aquellas etiquetas link que hacen referencia a un estilo
// y que no sea para impresión
if(arrayLink[i].getAttribute("rel") != null &&
arrayLink[i].getAttribute("rel").indexOf("stylesheet") != -1 &&
arrayLink[i].getAttribute("media") != "print") {
// Si tiene título es un estilo preferido o alternativo,
// si no tiene título es un estilo
// predeterminado y siempre tiene que utilizarse
if(arrayLink[i].getAttribute("title") != null &&
arrayLink[i].getAttribute("title").length > 0) {
if(arrayLink[i].getAttribute("title") == titulo)
arrayLink[i].disabled = false;
else
arrayLink[i].disabled = true;
}}}}

A esta función lo que le entra es el nombre del estilo seleccionado y busca dentro de las etiquetas link, cuando la encuentra lo activa poniendolo a true. Cuidado con el disabled, disabled=true es que está deshabilitado!!.


Ebook

QUE EXPLORADOR USAR DATOS ESTADISTICOS

Se me ha ocurrido consultar las estadísticas de este blog y me gustaría compartir los datos con vosotros.

Mi sorpresa ha sido que la mayoría de mis visitantes utilizan el navegador Firefox cosa que agradezco ya que con las versiones antiguas de Explorer hay cosas de mi blog que no se visualizan correctamente. Los resultados son los siguientes.

Lo representado en azul se corresponde con los visitantes procedentes de Firefox y la porción verde los procedentes de Internet explorer. Son datos que representan bastante la realidad ya que Firefox poco a poco le va comiendo terreno a Explorer y la razón es muy simple, Internet Explorer como todos vosotros sabréis pertenece a Microsoft y no ha cumplido en ningún momento con los estándares, cosa que ha llevado a los diseñadores web de cabeza durante décadas ya que sus diseños tenían que estar adaptados para que se visualizaran de una forma correcta en todos los exploradores, trabajo que no es nada facil.

Ahora bien.. según esto la mitad de mis visitantes utilizan IE pero ¿qué versiones?, con el siguiente grafico lo vamos a observar.



Tan solo el 9,51% utiliza la versión 8 de IE para una cosa que hace mas o menos Microsoft vamos y no la utilizamos!!!! La última versión de IE se ajusta a los estándares, por lo que de aquí en adelante parece ser que a los diseñadores se les va a quitar un dolor de cabeza. La mayoría sigue con la versión 7 que dentro de lo que cabe ..pero y ese 21,97% que utiliza la versión 6!!! son datos que asustan un poco.

Desde este momento os invito a que en primer lugar inutilicéis como explorador predeterminado Firefox y en caso de que no haya manera de convenceros...actualizar la versión del vuestro IE!!!! que no se rompe nada!!! al contrario, navegareis con mayores facilidades por Internet.

Se aceptan criticas....opiniones...y sugerencias :)

EFECTO DE SANGRE GOTEANDO

Este post está dedicado a la festividad de Halloween o Noche de Brujas, se celebra principalmente en Estados Unidos en la noche del 31 de octubre. Esta festividad tiene origen celta y la festividad cristiana del Dia> de todos los santos. En gran parte es una celebración un poco secundaria aunque algunos consideran que posee un transfondo religioso.

Como curiosidad os diré que la palabra Halloween (pronunciado [ˈha.lo.wiːn]) es una derivación de la expresión inglesa All Hallow's Eve (Víspera del Día de los Santos).

Como en nuestros blogs queremos estar al día os propongo un simpático que efecto que mantendré todo el fin de semana y que consiste en una gotas de sangre que gotean desde la parte superior del blog. El efecto es muy simple de poner y os animo a que todos vosotros lo incorporéis estos días.

Lo unico que tendréis que hacer es incorporar el siguiente fragmento de código en vuestra plantilla justamente antes de </body>

<img border='0' src='http://img260.imageshack.us/img260/119/bloodm.gif' style='position:fixed; top:0; left:0; width:100%; height:150px;'/>


Espero que os guste y os deseo un buen fin de semana :)

VALIDAR RADIO BUTTON CON JAVASCRIPT

Llevo unos dias trabajando con Javascript y me encontré con este pequeño problema, necesitaba validar el típico radio button con el sexo:


Es muy común en los formularios y el requisito que debe de cumplir es que se seleccione uno de los 2 generos, masculino o femenino. La forma con la que yo lo he validado es la siguiente:

//---Validar sexo Radio
var s="no";

if(document.f2.sexo[1].checked)
alert("Marcado");
for ( var i = 0; i < document.f2.sexo.length; i++ )
{
if ( document.f2.sexo[i].checked ){
alert("Entra");

s= "si";
break;
}
}
if ( s == "no" ){
alert( "Debe seleccionar hombre o mujer" ) ;
}
//---Fin validar sexo.

Este es el código que funciona correctamente, como notas deberéis saber que f2 se corresponde con el nombre del formulario y sexo es el nombre del radio button, para que lo veáis mas claramente, os muestro como definí el radio button.

<b>Sexo:</b>
<input type="radio" name="sexo" value="hombre">Masculino
<input type="radio" name="sexo" value="mujer">Femenino<br />


Bueno espero que os sirva a aquellos que tengais que validar formularios.

DE DONDE VIENE TU VISITANTE

Os vos a presentar un pequeño script que a simple vista parece no tener mucha utilidad pero en cierta manera si que la tiene, consiste en mostrar al visitante cual es la pagina de la que proviene antes de acceder a tu blog o web. Es algo parecido a darle a la flecha del explorar para volver atrás pero con la diferencia que el visitante podrá observar la URL.

El código que tenéis que insertar allá donde queráis que aparezca esta información es el siguiente:

<script language=JavaScript>
<!---
var caller = document.referrer
document.write("Vienes de la página: <a href='" + caller + "'>"+""+document.referrer +"" +"</a>");
-->
</script>


Nota: El texto Vienes de la página lo podéis cambiar por aquel que consideréis oportuno aun que la verdad que no veo muchas alternativas :).

El resultado será algo como lo siguiente:

QUE ES EL PAGERANK

Si tenéis un blog o una web lo mas normal es que os molestéis en posicionar vuestro espacio ya que de esa forma no será una web o blog sin tráfico, que al fin y al cabo es lo deseable por todos ya que para eso se crean los espacios en internet. La finalidad de una web es llegar al mayor número de personas ya sea con fines lucrativos o simplemente por puro placer. Google mejor dicho el gran Google!! como deberíais saber controla casi todo y como no deberemos de estar de buen rollito con el ya que es el que jugará en nuestro favor o en nuestra contra. Llegado a este punto os diré que esta empresa asigna un valor numérico a las webs que oscila entre 1 y 10, este valor representa la importancia que tiene la web o blog en internet, es decir cuanto mayor sea este número más amigos seréis de Google, teniendo en cuenta que generalmente sobre el 80% de las visitas provienen de Google, tendríamos que ser conscientes de la importancia que tiene este dichoso numerito. Podéis consultar vuestro pagerank en la siguiente web. Si queréis saber más sobre este concepto podéis acudir a wikipedia. Como nota me gustaría decir que las webs que pretendan incorporar publicidad que no sea adsense generamente se paga en función del pagerank de la pagina, por tanto sea cual sea la finalidad de vuestro espacio deberéis intentar aumentar este valor por todos los medios posible.

s.

PIXELRULER REGLA PARA MEDIR PIXELES

Esta utilidad llamada pixelruler es una pequeña aplicación que os permitirá medir cualquier imagen que visualiceis en vuestro monitor. Es muy recomendable ya que si tenéis un blog en alguna ocasión os va a hacer falta. Lo cierto es que es la aplicación mas tonta del planeta, es una simple regla, si una regla como la que usabais en el colegio para medir en vuestros dibujos, con la diferencia que en este caso el resultado serán los píxeles, medida mas empleada para la medida de imagenes.

A continuación os voy a mostrar la apariencia de esta simple y muy efectiva herramienta.

Descarga:Pixelruler.

COMO CAMBIAR COLOR LETRA

Esta es la tipica entrada que si uno lo conoce le parecerá una tonteria pero como todos no nacemos sabiendo os voy a enseñar como podemos cambiar el color de la letra del blog, el color de los enlaces, el color del título, color de fondo del blog... y en fin una lista algo mas extensa. Aqui deberemos dar la enhorabuena a los creadores de los editores de blogger ya que desde el panel de administrador nos da esta funcionalidad.

En primer lugar entraremos como administrador del blog, es decir como entramos noralmente para hacer cualquier modificación o cualquier entrada a nuestro blog.

Tendremos que seguir la siguiente ruta:

Diseño->Fuentes y colores

Lo que nos encontraremos es una paleta de colores, la cual nos permitirá personalizar bastante nuestro queridisimo blog.

Como podéis observar también nos da la opción de editar el código Hexadecimal del color, si entre todo ese montón de colores queremos algún otro mas especifico, podremos insertarlo sin problema consultando estos colores.

¿Muy fácil verdad? Pues los que no lo sabian ya no tendrán que volverse locos navegando buscando la soolución a su 'problema' :)

COMO ELIMINAR UN BLOG

Esta entrada es a la vez que tonta muy útil en determinadas ocasiones, os voy a enseñar como eliminar un blog. Mas que por necesidad se podría decir que es algo que se debe de hacer por solidaridad, ya que si eliminamos un blog dejaremos libre la URL y por tanto cualquier otro usuario podrá utilizar esa dirección para alojar su blog.

Para eliminar vuestro blog deberéis entrar al blog como administrador, es decir como entráis normalmente para realizar cualquier entrada o cualquier molificación.

Una vez aquí lo que tendremos que hacer es hacer click en configuración.

Una vez aquí en en el apartado Básico encontraremos una sección llamada herramientas de blog encontraremos las siguientes opciones:

Como podéis observar una de las opciones es Suprimir blog, si hacéis click observaréis un cartelito como el siguiente:


Como podéis ver aquí ya si que es el último paso para eliminarlo, presionando Suprimir este blog conseguiréis eliminarlo :). Una vez eliminado como siempre en ocasiones siempre nos arrepentimos y queremos volverlo a restaurar, no os preocupéis, tenéis un periodo de 3 meses para restaurarlo, pasado este periodo de tiempo ya será imposible volver a rescatar vuestro fantástico blog.

FLECHAS ARRIBA ABAJO

Respondiendo a Sumer que decía así:

Y como puedo poner otra flecha arriba de esas, ¿que valla abajo?. ¿En qué lugar lo tengo que pegar al código?

Esta pregunta estaba en relación a la siguiente entrada en la cual se explicaba como hacer una flecha en la parte inferior del blog que permitiera acceder a la parte superior del blog de una forma rápida tan solo pulsando encima del icono. Hoy os voy a mostrar una forma muy sencilla de crear 2 flechas, una que permita subir y otra que permita bajar. Debo decir que aquellos que crearon ya la flecha hacia arriba deberían suprimir la parte de código que se insertó ya que con lo que voy a explicar realiza la misma función pero en este caso también tendremos la opción de bajar :).

El resultado será a mitad de pantalla en el costado derecho dos flechas como las siguientes:



Para insertarlo en vuestro blog lo que tendréis que hacer es ir al código de vuestra plantilla y insertar el siguiente código justamente encima de </body>

<a href='#' rel='nofollow' style='display:scroll;position:fixed;bottom:260px;right:5px;' title='Ir Arriba'><img src='http://i31.tinypic.com/2vtqqt3.png' style='border:0;'/></a>
<br/>
<a href='#GoDown' style='display:scroll;position:fixed;bottom:225px;right:5px;' title='Ir Abajo'><img src='http://i32.tinypic.com/16lle91.png' style='border:0;'/></a>
<a name='GoDown'/>


Modificaciones:

Podremos ajustar alguno de los atributos de este código, quizás el mas visual sea el icono de las flechas, si insertáis el código tal cual lo puse os aparecerán las flechas que puse como ejemplo, en caso de que queráis poner otras flechas o otras imágenes, lo único que tendréis que hacer es modificar la url señalada en azul, la primera hace referencia a la flecha de arriba y la segunda a la flecha hacia abajo.

Los números señalados en rojo es la distancia existente entre las 2 flechas, por tanto modificando estos valores sonseguiremos distintos efectos.

Espero que os sea útil ya me decis que os parece :)

CONVERTIR IMAGEN EN ICONO

He encontrado una utilidad que ciertamente me ha parecido genial y quería compartirla con vosotros, se trata de un conversor de imágenes, en el cual le indicas la imágen y te genera una serie de iconos de distinto tamaño, los cuales podrás descargar a tu ordenador para utilizarlos en cualquier momento.

Una de las ventajas que tiene es que acepta imagenes de todo tipo de tamaños, yo le he comprobado con imágenes de mas de 8Mb y las carga sin problema, dependiendo del tamaño el proceso de generar el icono tardará mas o menos eso es evidente.
Como sabréis los iconos se utilizan en multitud de lugares, desde el simple escritorio de cualquier sistema operativo hasta las webs o blog. Por tanto podréis generar vuestros iconos y crear enlaces a otros lugares, cada uno que le ponga imaginación.

Esto es un ejemplo de los iconos generados, estas imágenes eran de un tamaño mucho superior, vemos que los resultados son bastante buenos.

El interfaz de la web es muy simple, tan solo tendréis que indicarle la dirección donde se encuentra la imagen y presionar convert.

Enlace: Iconverticons.

Espero que os guste, es muy sencillo de utilizar pero si tenéis cualquier duda no os cortéis y preguntar. Os invito a que dejéis vuestras urls para que todos puedan ver cual es la utilidad que le habéis dado y así que los demás puedan aplicarlo también en su blog, como siempre aquí todos apendemos de todos.

BOTON ENLACE AUTOMATICO

Bueno como deberéis saber facilitar que os enlaces es algo muy importante ya que cuantas más facilidades deis mayor será vuestro éxito :). Bueno lo que os propongo es crear un sencillo botón que simplemente pulsándolo de la posibilidad de agregar vuestro banner o botón al blog del visitante interesado. Seguro que habéis hecho uso de este tipo de botones y pensaríais que chulo!!! el propietario de la web o blog es un maquina!, pues alomejor si o alomejor no.. vais a ver de que forma tan sencilla lo podéis hacer vosotros también.

Para que os hagáis una idea a lo que me refiero os pongo un ejemplo:

<br /> <a href="http://sitiooriginal.blogspot.com/"><br /> <img alt="TITULO DE TU BLOG" src="http://i40.tinypic.com/66itg1.png" /><br /> </a><br />

Si pulsárais en ENLAZA MI BLOG CITO os mostraría un formulario de este tipo:

Para hacer uso de este recurso, lo único que hay que hacer es crear un gadget de tipo HTML/Javascript y copiar el código que detallo a continuación.

<img src="URL DE LA IMAGEN DEL BOTON O BANNER"/>
<form action="http://beta.blogger.com/add-widget"
method="POST">
<input value="FAVORITO CITO" name="widget.title"
type="hidden"/>
<textarea style="display:none;"
name="widget.content">
<a href="URL DE TU BLOG">
<img src="URL DE LA IMAGEN DEL BOTON O BANNER" alt="TITULO DE TU BLOG">
</a>
</textarea>
<inputvalue="http://buzz.blogger.com" name="infoUrl"
type="hidden"/>
<inputvalue="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/>
<input value="ENLAZA MI BLOG CITO" name="go" type="submit"/>
</form>


La parte de código que tendréis que modificar son las que os resalte con distintos colores, observando la imagen y los nombres que os puse resaltados en colorines creo que es bastante intuitivo. De todas formas si tenéis algún problema no dudéis en preguntar!!!!

Espero que os sea de mucha utilidad y por cierto si queréis agregar mi botoncillo por supuesto que os estaría muyyy agradecido :)

COMO SABER EL TAMAÑO DE UNA IMAGEN

Saber el tamaño de una imagen puede llegar a ser muy útil, en ocasiones necesitamos saber los píxeles que mide determinada de imagen tanto de alto como de ancho.

Cuando diseñamos un blog o una web estos valores nos son de mucha utilidad ya que tendremos que ir reservando espacios y ir ajustando las imágenes con dicho tamaño. No os ha pasado que visitando webs os encontráis con el famoso solo aceptamos imagenes de 200px por 300px y entonces es cuando si no sabemos a lo que se refieren pasamos del tema, pues de aquí en adelante eso de acabó.

La forma mas fácil para saber el tamaño de una imagen es la siguiente:

1. Nos situamos con el cursor encima de la imágen y hacemos click con el botón derecho.

2. Seleccionamos el campo propiedades y nos muesta un cuadro en el cual tenemos en la parte superior 2 pestañas que dice General y Resumen, seleccionaremos Resumen y seguidamente Opciones avanzadas.

A continuación se nos mostraran todas las propiedades de la imágen, entre las cuales encontraremos los valores de ancho y alto.


Fácil ¿no?. Esto es de las típicas cosas que si lo sabes dices...baj que tontería pero claro como todo el mundo no nace sabiendo.. Pues eso de aquí en adelante ya podréis saber cual es el tamaño de todas las imagenes del mundo :)

ENTRADAS MAS POPULARES

Soys ya varios los que me pidieron un gadget para mostrar las entradas mas populares, fue hoy con un email de treyvelan que me decidí a hacer una entrada para explicar brevemente y de una forma muy fácil como podéis conseguir esto en vuestro blog.

Lo primero que me gustaría decir es que una de las formas de medir la popularidad de una entrada es por el número de comentarios, es cierto que no tiene por que ser así pero es una de las formas y muy válida para medir cuanto de importante es una entrada.

Antes de nada me gustaría que vierais a lo que me estoy refiriendo, después de insertar el código que detallare un poco más abajo obtendréis algo similar a lo siguiente:

Lo único que tendréis que hacer para conseguir esto es crear un gadget de tipo HTML/Javascript y insertar el siguiente código:

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback& _id=e1f5a9b2248904d8b81f794c09353010&url=http%3A%2F%2Fsitiooriginal.blogspot.com&num=5" type="text/javascript"></script>


Lo único que tendréis que modificar del código será la dirección de vuestro blog por donde dice sitiooriginal.blogspot.com y el número 5 representa la cantidad de post mas populares que queréis mostrar.
Bueno esto es todo amigos espero que os sea de mucha utilidad!!

ENLACES NEGRITA Y CURSIVA EN COMENTARIOS

Algunos considerarán esta entrada como absurda pero lo cierto es que me parece que hay muchisima gente que no tiene claro como realizar los comentarios correctamente.

Me ha pasado en varias ocasiones de aburrirme leyendo comentarios ya que no se pone nada en negrita ni en cursiva ni nada de nada y por si fuera poco hay quien realiza sus propios post en el apartado de comentarios. Lo cierto es que aprehendiendo 3 cosas muy simples haremos nuestros comentarios mucho mas agradables.

Letras en negrita:

La estructura es:

<b>TEXTO</b>


Letras en cursiva:

La estructura es:

<i>TEXTO</i>


Letras como vínculo:

La estructura es:

<a href="URL DESTINO">TEXTO DEL ENLACE</a>


A partir de ahora a comentar todo el mundo bien!!!. Espero os sea de utilidad!, os aconsejo al principio utilizar el vista previa de los comentarios para observar realmente cual es el efecto de estos códigos.

SEADRAGON MOSTRAR IMAGENES MUY GRANDES

Cotilleando por la red encontré algo muy interesante, se trata de un recurso que permite mostrar imágenes muy grandes de forma completa y muy original. En ocasiones me ha pasado de querer mostrar imágenes que debido a su tamaño he tenido que reducirlas para poder publicarlas, desde hoy esto se acabó, se trata de un recurso de Microsoft Live Labs se trata de SeaDragon , la imágen que voy a mostrar tiene una tamaño de 1024x768.

Podéis utilizarlo también para hacer zoom a vuestras imágenes. La forma de utilizar este recurso es muy fácil, únicamente tendréis que acceder a la web de SeaDragon y introducir la URL de la imágen que queréis mostrar y hacer click en Create, estomáticamente se os generará un script que será el que tendréis que insertar en vuestro blog o web.

Espero que os guste, podéis dejar las direcciones de vuestros blogs o webs para que todos veamos como hacéis uso de este recurso.

BORRAR COMENTARIOS

A la hora de gestionar un blog tenemos que tener todos los cabos atados y uno de ellos es el control sobre los comentarios que se publiquen en el. Por norma general los comentarios deberían ser publicados casi todos ya que la opinión de los lectores es muy importante pero nos encontramos siempre con la gente que se aburre y le apetece fastidiar bien dejando comentarios absurdos o bien realizando ofensas.

Yo me encontré ya con esta situación, tuve que eliminar algún comentario, han sido pocos ya que veo imprescindible que se muestren las inquietudes y dudas de los lectores, de esta forma los problemas resueltos de unos servirán para solucionar problemas a los demás.

Me gustaría comentar aquí que debéis fomentar que en vuestro blog se comente, ya que a parte de acceder a un sitio y encontrar el famoso 0 comentarios es algo que no da muy buena impresión, ayudáis a posicionar vuestro sitio ya que los comentarios son indexados en los buscadores y de esta forma conseguiréis un mayor número de visitas.

¿Como elimino los comentarios no deseados?

Primera forma: (La típica)

Esta es la más común y es accediendo como administrador del blog y ir a donde se encuentra el comentario que no queréis que aparezca, os encontraréis el famoso bote de basura.

Haciendo click sobre este icono os dará la opción de eliminar el dichoso comentario que tanto os trae de cabeza.

Segunda forma: (Cuando no tengo el bote)

Es muy común que bien por modificaciones en el código de comentarios o bien por que la plantilla no esta implementada con esta opción no encontremos el bote, es muy posible que nos volvamos locos buscándolo o intentando agregarlo pero sin duda una forma mucho mas rápida y sencilla de eliminar los comentarios es la que os voy a mostrar a continuación.

Accederemos como administrador, es decir poniendo nuestro usuario y contraseña para acceder al blog.

1. Iremos a Editar Entradas y nos fijamos en la barra de direcciones del navegador que mostrará algo como lo siguiente:

http://www.blogger.com/posts.g?blogID=CODIGO1

Código 1 representa una serie de números específicos para cada blog, de forma que copiaremos estos números en cualquier lugar con tal de tenerlos a mano para cuando los necesitemos en los pasos posteriores.

2. A continuación iremos al post donde se encuentra el comentario no deseado, localizaremos el identificados del post en cuestión, dependiendo de como esté configurado el blog lo podremos obtener o bien haciendo click sobre el número del comentario o bien haciendo click encima del comentario en cuestión. Nos fijaremos en la barra del navegador y encontraremos algo como lo siguiente:

http://NombreDelBlog.blogspot.com/año/mes/TituloDelPost#comment-CODIGO2

Apuntaremos en cualquier lugar el CODIGO2 y realizaremos el paso final.

3. Una vez localizados los 2 códigos escribiremos en la barra del navegador una línea como la siguiente:

http://www.blogger.com/delete-comment.g?blogID=CODIGO1&postID=CODIGO2

Evidentemente sustituiremos los Códigos 1 y 2 por los números reales, presionaremos enter y Sorpresa!!!

TU BLOG A PUNTO DE MORIR

Cotilleando por la red me encontré con un post interesante de Alquimistas, trata de una serie de puntos que pueden orientarnos para saber si nuestro blog está a punto de morir. Lo cierto es que me llamó la atención ya que le da un cierto toque de humor al asunto.

Hice esta entrada ya no para que veáis cuales son las cosas en las que os tenéis que fijar para saber si vuestro blog va a morir, si no para que aquellos que están comenzando se den cuenta de cuales son las cosas que debe de tener un blog para que se pueda considerar que está en marcha!.

Partiendo de que cada uno hace con sus espacios lo que le viene en gana, creo que lo principal es el contenido y promover la participación, ya que ¿de que sirve que el dueño y señor del blog se caliente la cabeza en escribir cosas interesantes si luego nadie las lee?. Por norma general los blogs acaban siendo abandonados si no se consigue la participación necesaria para mantener a flote un flujo constante de visitantes. Asi que si estáis leyendo esto pasaros por la web y intentar mejorar un poquito mas! No forméis parte de ese montón!!! de blogs abandonados.

DONAR CON PAYPAL

Donar se refiere a hacer una aportación económica, como muchos de vosotros sabréis el dinero electrónico es cada vez más común. Cada vez la gente se va soltando mas a realizar compras por internet. Lo cierto y importante es que se esta perdiendo ese miedo a rebelar datos bancarios via internet. El problema han sido las estafas que se han producido por un mal uso de los monederos electrónicos. Comprar por internet es fiable y seguro siempre y cuando el lugar donde se realice la compra sea un sitio serio.

Normalmente cuando deseamos adquirir un producto vía internet lo que principalmente preocupa es la forma de pago. Los más desconfiados optan por gastarse un dinero extra y realizar el pago contra reembolso, esto es un problema y un engorro en la mayoría de las ocasiones ya que muy pocas empresas trabajan de esta manera y no tienen la opción del pago contra reembolso. ¿Transferencia bancaria? No me termina de convencer, es muy difícil reclamar con este tipo de pago, en el momento que una persona hace un ingreso o una transferencia a otra cuenta el receptor no está infringiendo la ley en ningún momento por tanto es muy difícil de reclamar. Lo más seguro es realizar pagos mediante paypal este tipo de pagos son totalmente seguros, y la ventaja que tiene es que en cualquier lugar de internet serio te permite esta forma de pago. Su punto fuerte es que esta empresa además de ser rápida dispone de seguro, de tal forma que si existe algún tipo de problema paypal se hace responsable. Para el comprador no supone ningún tipo de gasto, es el vendedor el que si que tiene que pagar una pequeña cantidad de dinero para recibir el pago. Los que no tengan una cuenta podéis crearos una aqui nos os preocupéis vuestros datos estarán a buen recaudo. Una vez tengáis activada vuestra cuenta podréis empezar a funcionar.

Si tenéis un sitio web o un blog podréis incorporar la forma de pago de paypal, existe un famoso botón tal como este:

Esto permite hacer donaciones, normalmente con pequeñas cantidades de dinero que se dan en señal de agradecimiento o con el objetivo de promover el lugar que tanto aprecia el visitante. ¿Es morro poner este tipo de opciones en un blog o web? Eso depende de cada uno, es una funcionalidad mas, si dejamos propina en un bar ¿por que no vamos a poder dejar una propina en un sitio que realmente interesa que evolucione y crezca?

Para todos aquellos que quieran insertarlo, tendrán que loguearse en la web de paypal y una vez dentro acceder de la siguiente forma:



Seguidamente dirigirse a Donaciones, lo encontraréis en la parte de la derecha de la web donde dice Funciones clave. A continuación os mostrará un pequeño asistente con el que podréis personalizar vuestro botón para recibir donaciones. Como paso final os generará un código que tendréis que copiar en vuestro blog o web y de esta forma terminaremos!!!:)

Me gustaría que dierais vuestra opinión a cerca de estas formas de pago, seguís teniendo desconfianza? Os parece mal o bien las donaciones? Haríais una donación¿?

armarios a medida audifono buceo canarias

TRANSFORMAR FOTOGRAFIA EN POLAROID

¿Os gustaría transformar una fotografía vuestra en tipo polaroid? Lo cierto es que este tipo de fotografías tenían algo especial, el hecho de que se imprimieran justamente después de hacer la foto era quizás lo más interesante que tenían. Atendiendo a la resolución que ofrecían no era algo relevante pero lo mas llamativo es el formato, por eso os traigo una web que permite transformar cualquier imagen que tengáis en vuestro PC a tipo polaroid. Es un recurso bastante interesante y da unos resultados muy buenos. Os pongo un enlace a la web y un pequeño ejemplo.

Enlace: Instantizer

Fotografía original:

Fotografia transformada:Como veis un efecto bastante chulo, en la web se facilita un código para enlazar la imagen, os recomiendo no hacer uso de el, lo más aconsejable es descargaros la imagen transformada a vuestro ordenador, de esta forma no tendréis problemas con el servidor.

Eso es todo espero que os guste, ya me contareis, podéis dejar los links de vuestras fotografías transformadas para que todos podamos disfrutar de ellas ;)

AGREGAR UNA NUEVA SIDEBAR

Respondiendo al siguiente comentario de Cris me decidí a explicar como crear una nueva sidebar.

"Llevo unos días que se me ha metido e la cocorota poner una segunda colmna a mi blog, porque ya no me caben las cosas en mi columna lateral. He buscado instucciones en google pero no lo he conseguido, no me acabo de enterar y casi la lío.Podrias hacer una entrada sobre esto? ¿Hay que cumplir algún reqisito para poder hacer eso?"

Lo primero comentarte Cris es que nada en el blog es fijo, es decir podemos crear cualquier cosa que creamos oportuna, el único inconveniente es saber hacerlo, ya que para este tipo de cosas el asistente de blogger no nos sirve, deberemos modificar nuestra plantilla mediante código HTML y CSS. Lo ideal sería que todos supieramos estos lenguajes pero como todo, es cuestión de ponerle ganas y pensar un poco, cuando nos ponemos a modificar código nada es automático, debemos de ajustar los códigos a nuestros requerimientos, por tanto intentaré explicar de la forma mas clara posible como hacerlo.

En primer lugar deberemos centrarnos en las estructuras que están implicadas, que principalmente son:Veamos como se refleja esto en el código:

Iremos a la plantilla de nuestro blog, en el caso de blogger Diseño->Edicición de HTML. Antes de nada recomendaros realizar una copia de vuestra plantilla y la búsqueda rápida mediante las teclas Ctrl+F para buscar fragmentos de código.

Lo fundamental a la hora de hacer estas modificaciones es ser conscientes del tamaño del que disponemos. Por tanto nos fijaremos en el atributo width de main-wrapper que es el área donde se muestran los post y de sidebar-wrapper que será la sidebar existente, en el código os aparecerá de la siguiente forma:


#main-wrapper {
padding-top: 0px;
width: 500px;
float: right;
....
}

#sidebar-wrapper {
padding-top: 160px;
padding-right: 30px;
padding-left: 15px;
width: 210px;
float: left;
....
}


Estos fragmentos de código no serán exactamente iguales en vuestro caso, pero lo importante es entender lo que significa. Lo señalado en azul es el ancho y por tanto tendremos que sumar esos valores para saber del ancho del que disponemos, en este caso sería 500px de main + 210px de sidebar =710px. Por tanto dispondríamos de 710px. Es evidente que si añadimos una nueva sidebar tendremos que reducir alguno de estos valores para hacerla encajar. Lo común será crear una nueva sidebar con el mismo ancho que la que tenemos y reducir el espacio del main.

Teniendo esto claro, procederemos a agregar la nueva zona y lo haremos de la siguiente forma:

Buscaremos el fragmento de código con la siguiente estructura.


<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
......AQUI OS APARECERÁ INFORMACION DE VUESTROS GADGETS.
</b:section>
AQUI ES DONDE AÑADIREMOS EL EL CODIGO.
</div>


Sustituiremos la línea que señalé en azul por lo siguiente:

<b:section class='sidebar' id='sidebar2' preferred='yes'></b:section>

Los ID no deben coincidir, observamos como el id de la primera sidebar se llama sidebar y el id de la segunda sidebar se llama sidebar2



Si guardáramos los cambios en este punto, lo que nos pasaría sería que se nos deformaría todo, ya que le estamos agregando una nueva sidebar que no cabe!, por tanto se solaparían y saldría todo desordenado, por tanto es en este punto donde tendremos que ajustar los anchos de cada elemento. Teniendo en cuenta los datos que dedujimos al principio, lo normal sería agregar una sidebar del mismo tamaño que la existente y reducir el tamaño del 'centro', para ello lo que haremos será copiar un nuevo fragmento de código especificanto las características de la nueva sidebar. Lo haremos de la siguiente forma:


#sidebar-wrapper {
padding-top: 160px;
padding-right: 30px;
padding-left: 15px;
width: 210px;
float: left;
....
}

#sidebar2-wrapper {
padding-top: 160px;
padding-right: 30px;
padding-left: 15px;
width: 210px;
float: right;
....
}

La parte señalada en rojo es la que añadimos justamente en la parte inferior del código azul, que es el código de la primera sidebar que teníamos anteriormente pero modificando en la primera linea #sidebar-wrapper por sidebar2-wrapper, los atributos los dejaremos todos igual con el objetivo que sean ambas columnas iguales. Lo único que cambiaremos será float que pondremos right o left dependiendo de donde queramos la nueva columna.

Como punto final adaptaremos el tamaño de la parte central. Como ejemplo al principio os comenté que disponíamos de 710px que en vuestro caso será otro valor, pues los que haremos será sumar el valor de las 2 sidebar en el ejemplo width de sidebar=160px + width sidebar2=160px serían un total de 320px, si teníamos al principio 710px entonces nos quedará para la parte central: 710px-320px=390px. Este sería el valor que tendremos que modificar en el width del main-wrapper. De esta forma nos quedaría todo bien cuadrado.

Ahora solo queda guadar los cambios y esperar que todo haya salido bien. Os recomiendo hacer esto con tiempo y intentando entender bien cada uno de los pasos ya que de no ser así el resultado será un fracaso. Espero hayáis entendido el procedimiento, ya me contaréis vuestras anécdotas :).

ICONOS EN TITULOS DE POST

Añadir una pequeña imagen en el título de los post puede ser algo bastante interesante, rompe con la monotonía de las letras y puede resultar bastante ilustrativo siempre y cuando la elección de la imagen sea la correcta. Son del tipo de detalles que el lector agradece inconscientemente, por tanto os voy a mostrar varias formas de insertar estas pequeñas imagenes.

Este es un ejemplo:
Os voy a mostrar 2 formas de insertar los iconos, la primera será agregar un icono en un post concreto y la segunda agregar un icono fijo para todos los post.

En el título de un post concreto:

Cuando editamos una entrada, en el caso de blogger tenemos en la parte superior una casilla donde introducimos el título.

Tendremos que añadir lo siguiente:

<img src="URL DEL ICONO" />


Poner un icono al principio del post:

<img src="URL DEL ICONO" />TITULO DEL POST

Si queremos añadirlo al final:

TITULO DEL POST<img src="URL DEL ICONO" />


En medio del título:

TITULO <img src="URL DEL ICONO" /> DEL POST

Lo único que tendréis que modificar es la URL DEL ICONO, podréis encontrar todos los iconos que imagineis aqui eso si la búsqueda la tendréis que hacer en inglés, ya que el buscador es inglés. Como siempre podréis alojar las imagenes aqui para conseguir la url del icono.

En todos los post:

Deberemos de ir la plantilla de nuestro sitio, en el caso de blogger accederemos siguiendo Diseño->Edición de HTML y marcaremos la casilla de expandir artilugios.

Buscaremos el siguiente fragmento de código:

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>



Si queremos el icono al principio del título del post, lo sustituiremos por:

<b:if cond='data:post.url'><img src="URL DEL ICONO" />
<a expr:href='data:post.url'><data:post.title/></a>


Si en cambio lo queremos al final, lo sustituiremos por:

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/><img src="URL DEL ICONO" /></a>


Nota: Podéis observar al principio de este post de donde conseguir los iconos y obtener su dirección. Suerte y espero ver de aquí en adelante vuestros títulos decorados ;)

CAMBIAR EL 0 COMENTARIOS

Uno de los 'defectos' que tienen las plantillas de blogger desde mi punto de vista es el famoso mensaje de 0 comentarios. En primer lugar da mala presencia ya que una entrada sin comentarios parece algo desoladora, desde el punto de vista del lector puede carecer de credibilidad, pero tenemos que tener en cuenta de que alguien tendrá que ser el primero en dejar un comentario para que la dichosa frase comience a tener sentido. ¿Que pasa ahora? Un atrevido lector ha dejado su comentario y entonces se muestra 1 comentarios, parace que no suena tan mal pero sigue siendo un poco absurdo sería en todo caso 1 comentario. El caso es que la frase comienza a ser correcta a partir del segundo comentario que entonces si! tendremos 2 comentarios! de ahí en adelante todo perfecto!. Podemos darle la enhorabuena a todos aquellos que hacen esas maravillosas plantillas que del del 0 al 2 se equivocaron en las 2!. Bueno lo que yo propongo es mostra un mensaje tipo; danos tu comentario cuando el número de comentarios sea 0, 1 comentario cuando tengamos un comentario y 2 comentarios.... cuando el número de comentarios sea mayor. ¿Que os parece? Lo más seguro es que muchos de vosotros ni os hayáis dado cuenta de este detalle y a partir de ahora lo veáis totalmente incorrecto, por eso os voy a enseñar a modificarlo para ofrecer un sentido coherente al tema de los comentarios.

Primer paso:(Localizar código y copia de la plantilla)

Lo primero de todo será realizar una copia de seguridad de nuestra plantilla, ya que cuando tocamos el código podemos modificar algo que luego no sepamos reparar por ello copia de seguridad y en el caso de no obtener los resultados esperados restablecer nuestra plantilla.

Ahora si, podemos comenzar!

Iremos al código de nuestra plantilla, en el caso de blogger a Diseño->Edicion de HTML, activaremos la casilla de expandir plantilla de artilugios y buscaremos el siguiente fragmento de código:

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>
1 <data:top.commentLabel/>
<b:else/>
<data:post.numComments/> <data:top.commentLabelPlural/>
</b:if>
</a>
</b:if>


Segundo paso:(Sustitución de código)

Sustituiremos el código anterior por el siguiente:

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 0'>
Danos tu comentario
</b:if>
<b:if cond='data:post.numComments == 1'>
1 Comentario
</b:if>
<b:if cond='data:post.numComments > 1'>
<data:post.numComments/> Comentarios
</b:if>
</a>
</b:if>


Tercer paso:(Buscar el código)

Seguidamente buscaremos el siguiente código:

<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>


Cuarto paso:(Sistitución del código)

Sustituiremos el código anterior por el siguiente:

<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 0'>
Danos tu comentario
</b:if>
<b:if cond='data:post.numComments == 1'>
1 Comentario:
</b:if>
<b:if cond='data:post.numComments > 1'>
<data:post.numComments/> Comentarios:
</b:if>
</h4>


Podremos modificar las partes señaladas en negrita en el interior del código en caso de que queráis mostrar otros mensajes, aconsejo insertar los códigos de la forma que se describen y en caso de querer modificarlos, hacerlo después de guardar los cambios y comprobar que funciona correctamente. Espero os sea de utilidad ya me contaréis.

OCULTAR FECHA POST

Bueno personalmente para un blog que esté actualizado casi siempre no es recomendabe ocultar la fecha de publicación de los post, pero en ocasiones puede ser interesante ocultarla, depende mucho de la temática y de la estructura. Para aquellos que quieran ocultarla seguiremos estos sencillos pasos.

En primer lugar buscaremos en el código de nuestra plantilla la siguiente linea.

h2.date-header {


Justamente debajo de esta línea añadiremos lo siguiente.

visibility:hidden;


Con esto ocultaremos la fecha de publicación, lo único que tendremos que hacer en caso de querer agregar la fecha de publicación será eliminar la línea que añadimos.
Como siempre rápido fácil y sencillo.

COMO PONER FAVICON

En primer lugar deberemos saber que es este concepto, favicon viene de la composición en inglés de favorite icon, es decir icono favorito. Este icono o imagen debería ser representativo para cada web o blog. Los desarrolladores web incluyen este tipo de imágenes con el fin de promocionar su sitio en internet, esta imagen se mostrará en la barra de direcciones y favoritos de la mayoría de navegadores. De una forma visual es la imagen que muestro a continuación.

Este es un ejemplo de como todas la página importantes incorporan su favicon, en nuestro blog si os fijáis se muestra por defecto el icono de blogger, a continuación os mostraré como poner el vuestro.

En primer lugar buscaremos la siguiente línea de código en vuestra plantilla.

<title><data:blog.pageTitle/></title>


A continuación agregaremos las siguientes líneas de código justamente encima de la linea anterior.

<link href="http://sitio.com/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="http://sitio.com/favicon.ico" rel="icon" type="image/x-icon"/>

Lo marcado en negrita es la dirección de donde se encuentra alojado vuestro icono, deberéis modificarla por el vuestro en particular, podéis utilizar cualquier servidor de imágenes para alojarla, por ejemplo yo utilizo este.
Espero os sea de utilidad ya me contaréis como os fue, podéis dejar las urls de vuestros blogs o webs para dar idéas a todos aquellos que lo quieran incorporar a suespacio.;)

ELIMINAR SUSCRIBIRSE A ENTRADAS ATOM

Casi todos los que tengáis plantillas originales de blogger o bien adaptadas para el tendréis el famoso Suscribirse a entradas Atom. En primer lugar para aquellos que acaban de empezar lo más provable es que no sepan ni lo que significa y lo segundo es que normalmente se muestra de una forma muy cutre. Bueno esta maravillosa frase lo que permite haciendo click en ella es suscribirse al blog via feed, por ellos os recomiendo ocultarlo y cuando realmente queramos ofrecer este servicio configurarlo desde cero. Como muchas otras cosas las plantillas se hacen de forma genérica y lo más general posible, con el objetivo que después nosotros seamos los encargados de adaptarlas a nuestras necesidades.

La forma de ocultar esta maravillosa frase es la siguiente:

Nos iremos a Diseño->Edicion de HTML y buscaremos el siguiente fragmento de código:

.feed-links {
.........
.........
}


Los puntos suspensivos indican que el contenido que se encuentre dentro {} puede ser diferente, ya que depende de la posición y características de la plantilla, por tanto lo que tendremos que hacer para ocultar la dichosa frasecita será sustituir el código anterior por el siguiente.

.feed-links {
clear: both;
line-height: 2.5em;
visibility:hidden;
display:none;
}


Guardaremos los cambios y listo, ya desapareció la horrible frasecita, si por el contrario en algún momento queremos volver a mostrarla, únicamente tendremos que sustituir los códigos de forma inversa.

seguro familiar

MODIFICAR CURSOR

Cambiar el cursor en determinadas partes de un blog o web es algo que puede resultar al mismo tiempo que útil bastante original, lo de útil lo digo ya que permitirá diferenciar de una forma muy clara donde se encuentran links, ya que en ocasiones estos no quedan del todo claros. Normalmente los valores por defecto permiten que cuando el cursor se encuentra encima de un link aparezca la famosa mano. Os voy a mostrar una forma muy simple de modificar este valor tan solo en lugares que vosotros queráis.

Conociendo los links:

La forma que tienen los links es la siguiente:

1.Enlaces de texto:

<a href="DESTINO_DEL_ENLACE">TEXTO</a>


Ejemplo:

Esto es un enlace de texto a wikipedia

2.Enlaces tipo imagen:


<img src="URL_DE_LA_IMAGEN">


Ejemplo:



La estructura de código que tendremos que insertar para modificar los cursores será la siguiente:

Para el primer caso:

<a style="CURSOR: NOMBRE_DEL_CURSOR" href="DESTINO_DEL_ENLACE">TEXTO</a>


Para el segundo caso:

<img style="CURSOR: NOMBRE_DEL_CURSOR" src="URL_DE_LA_IMAGEN">


El valor NOMBRE_DEL_CURSOR lo podéis cambiar por los siguientes que cito aquí abajo, podéis poner el cursor encima del nombre para observar su resultado.

default crosshair hand move nw-resize ne-resize n-resize e-resize help text wait

Espero que os sea de utilidad, ya me contaréis como os fue ;)