Botón "Página de Inicio"

Puedes poner en tu blog un botón o link para que tus visitantes si así lo desean puedan usar tu página como "página de inicio" cuando inicien su explorador.

Código para link:

<a onclick="Url= 'http://h-l-t.blogspot.com'; this.style.behavior='url(#default#homepage)';this.setHomePage(Url);" href="#">Convertir en Pagina de Inicio</a>

Resultado:
Convertir en Pagina de Inicio


Código para botón: 

<a onclick="Url= 'http://h-l-t.blogspot.com'; this.style.behavior='url(#default#homepage)';this.setHomePage(Url);" href="#"><form>
<input onclick="javascript:agregar();" type="button" value="Página de Inicio">
</form>
</a>

Sustituyes mi url por la de tu blog.

Rosa in memoriam 

Estilo revista

Acabo de encontrarme con este "truquillo" en Beautiful Beta, dado mi escaso conocimiento del inglés hube de usar el traductor de google para la página, ya sabemos todos como traduce el "invento" así que esto demuestra que el "truquillo" es muy fácil de entender y aplicar.
Supongo que habéis visto en este post que la primera letra es más grande y que queda el "efecto tipo revista" pues esto es lo que vamos a conseguir aplicando este código:


.dropcaps { float:left;
color: #ddd;
font-size:100px; line-height:80px;
padding-top:1px;
padding-right:5px; }

Tenéis que colocarlo en vuestra plantilla - Html- justo antes de ]]></b:skin>

Cada vez que empezáis un post nuevo si queréis que tenga este efecto hay que colocar <span class="dropcaps"></span> e incluir la primera letra entre <span class="dropcaps"> y </span>

Por supuesto eso sería un poco engorroso, para no tener que hacerlo cada vez que publicamos podemos ir a: "editar plantilla - opciones - formato -plantilla de entrada", y en la cajita de "plantilla de entrada" pegamos el ultimo código (<span class="dropcaps"></span>) esto aparecerá cada vez que publiquemos una nueva entrada, sino queremos el "efecto revista" en una de las entradas, borramos ese código y editamos con normalidad.

Nota: En vista previa no funciona.
Espero os sea útil, si surge algún problemilla me lo comentáis por si puedo ayudaros.

AÑADIDO:

Os dejo otro código donde la letra se verá un poco más pequeña (como la que tengo tenía en el blog) pero que también queda guapo.

Colocar esto dentro del CSS de la plantilla, como antes os dije, por ejemplo, antes de]]></b:skin>


SPAN.firstcap {
font-size:250%;
font-weight:bold;
color:#000000;
float:left;
line-height:30px;
width:0.75em;
}

Cuando escribas tus post añades <span class="firstcap">PRIMERA LETRA AQUI</span> y como antes expliqué podéis pegarlo o no en la caja de "plantilla de entrada"

Descarga videos de youtube

Recomendación para descargar video de youtube:

http://www.descargaryoutube.com/

720p, buena calidad.

¿Qué es el pagerank?

PageRankTM (PR) es un valor numérico que representa la importancia que una página web tiene en Internet. Google se hace la idea de que cuando una página coloca un enlace (link) a otra, es de hecho un voto para esta última.

Cuantos más votos tenga una página, será considerada más importante por Google. Además, la importancia de la página que emite su voto también determina el peso de este voto. De esta manera, Google calcula la importancia de una página gracias a todos los votos que reciba, teniendo en cuenta también la importancia de cada página que emite el voto.

PageRankTM (desarrollado por los fundadores Larry Page y Sergey Brin) es la manera que tiene Google de decidir la importancia de una página. Es un dato valioso, porque es uno de los factores que determinan la posición que va a tener una página dentro de los resultados de la búsqueda. No es el único factor que Google utiliza para clasificar las páginas, pero sí es uno de los más importantes.

Hay que tener en cuenta que no todos los links son tenidos en cuenta por Google. Por ejemplo, Google filtra y descarta los enlaces de páginas dedicadas exclusivamente a colocar links (llamadas 'link farms').

Además, Google admite que una página no puede controlar los links que apuntan hacia ella, pero sí que puede controlar los enlaces que esta página coloca hacia otras páginas. Por ello, links hacia una página no pueden perjudicarla, pero sí que enlaces que una página coloque hacia sitios penalizados, pueden ser perjudiciales para su PageRankTM.

Si un sitio web tiene PR0, generalmente es una web penalizada, y podría ser poco inteligente colocar un link hacia ella.

Una manera de conocer el PageRankTM de una página es descargándose la barra de búsqueda de Google (solamente disponible para MS IExplorer). Aparece una barra en la que se muestra en color verde el valor de PageRankTM en una escala de 0 a 10. Sitios web con PR10 son Yahoo!, Microsoft, Adobe, Macromedia, o la propia Google. Teneis una lista completa con los sitios con PR10.

El algoritmo de 'PageRankTM' fue patentado en Estados Unidos el día 8 de enero de 1998, por Larry Page. El título original es 'Method for node ranking in a linked database', y le fue asignado el número de patente 6,285,999.

PageRankTM es una marca comercial de Google Inc.

Rosa in memoriam

Poner un video de You Tube en el blog

You Tube es unos de los más famosos sistemas de internet para subir vídeos y que todo el mundo pueda verlos. Incluir alguno de esos vídeos en nuestro blog es bastante sencillo:

[1] Vamos a la página de You Tube.

[2]En el cuadro de búsqueda ponemos el nombre del vídeo o una referencia de lo que queremos encontrar. Yo he elegido buscar algo de Los Berrones (grupo asturiano de agro-rock).

[3] Normalmente saldrán unos cuantos resultados de la búsqueda.

[4] Una vez decidimos cual queremos, pinchamos en el vídeo y a su lado, mientras se reproduce.

[5] Marcamos donde dice "Embed" y copiamos ese código.

[6] Abrimos una entrada nueva en nuestro blog y en edición HTML pegamos el código.

[7]Publicamos la entrada y ya tenemos el vídeo en nuestro blog.

Ventana con mensaje en texto o imagen

Una ventanita que sale cuando pasas el cursor sobre u texto o una imagen, está bien si quieres dar alguna información adicional o simplemente saludar a tus visitas.

Con texto:
<a href="" onmouseover="alert('TU MENSAJE');return true;"><br /><br />El TEXTO RESALTADO VA AQUI</a><br /><br />

Resultado:

El Escaparate


Con imagen: 

<a href="" onmouseover="alert('TU MENSAJE');return true;"><br /><br /><img src="URL" border="0" /></a><br /><br />

Cronometro para el blog

Hoy me he encontrado en una página con un código para poner un cronometro en el blog, cada vez que se accede al blog el cronometro parte de cero y así va mostrando el tiempo que permaneces visitándolo. Siento no poder poner la dirección del sitio...cerré la página por error y no supe encontrarla de nuevo, y es una pena porque incluso tiene el contador subido a ImageShaks, solo copiarlo y pegarlo.
Si lo colocáis en un elemento en la sidebar de HTML-Javascript se verá perfecto y no separado como en esta entrada.
Código:

<div align="center"><img height="70"src="http://img394.imageshack.us/img394/1883/8b3k1za.gif" width="67" /><img src="http://img394.imageshack.us/img394/3568/16669cw.gif" /><img src="http://img394.imageshack.us/img394/9936/ani45ws.gif" /><img height="70" src="http://img394.imageshack.us/img394/7518/ani40ea.gif" width="85" /></div>

Resultado:


Rosa in memoriam

Quitar el borde a las imagenes

Algunas plantillas de Blogger vienen con el borde de las imagenes que añadas incluido, si no te gusta puedes quitarlo de una forma muy simple:
Localizas en tu plantilla en modo Html, esta parte del código:

}
.post img {
padding:4px;
border:1px solid $bordercolor;
}

Cambias el valor de "border" por 0, y listo.
Si también quieres quitarle el borde a la imagen que se muestra en tu perfil, localizas esta parte del código en la plantilla y sustituyes el valor de "border" por 0 igual que antes:


.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}

Rosa in memoriam

Generador de código Pageranks

En esta web web te dan varios códigos según quieres que aparezca el modelo de Pageranks en tu blogs. Estos son algunos:


PageRank Plus - Google PageRank checking, with a twist.

PageRank Plus - Google PageRank checking, with a twist.

Conste que he introducido la url de Google para obtener su pagerank para las demostraciones.

Rosa in memoriam

Impedir "guardar imagen"

Imaginaros que tenéis una fotografía personal o imagen propia que os apetece publicar en vuestro blog pero que no os gustaría que otros la tomasen "prestada".
Con solo un código aplicado a vuestra imagen podéis hacer que cuando vuestro visitante intente guardarse la imagen, aparezca un mensaje de "opción deshabilitada".

Código:
<img src="AQUI" oncopy="alert('Opcion deshabilitada');return false" oncontextmenu="alert('Opcion deshabilitada');return false" />

Podéis cambiar el mensaje "opción deshabilitada" por el que queráis que se muestre, ejemplo: "No permitido", "Lo siento"...en fin, lo que más os apetezca.
Espero que os sea útil.

Rosa in memoriam

Si llegaste hasta acá y no lo encontraste lo que necesitás intentá buscarlo: