Trucos Blog
Trucos Blogger:
Un detalle que es muy útil
Cuando las publicaciones son muchas, conviene colocar al pie del blog un ícono que direccione hacia arriba, para volver al inicio de la página. Les dejo el código para que lo agreguen directamente en sus blogs. Es una flechita simple, que dice "ARRIBA".
Hola!
Cómo están? Hoy les dejo un código que les permitirá A SUS LECTORES añadirlos a sus listas de FAVORITOS o MARCADORES.
Se trata de colocar el siguiente código como un elemento HTML en la sidebar.
Ustedes reemplazarán los sectores: url del blog, nombre del blog, letra y tamaño.
Yo lo dejo como lo coloqué en el mío así les resulta mas sencillo identificar lo que van a reemplazar.
Lo copian, pegan en el bloc de notas, editan y a guardarlo en sus blogs.
Listo! Espero les sirva... y me dicen qué les parece en los comentarios. Saludos!
Cuando las publicaciones son muchas, conviene colocar al pie del blog un ícono que direccione hacia arriba, para volver al inicio de la página. Les dejo el código para que lo agreguen directamente en sus blogs. Es una flechita simple, que dice "ARRIBA".
<a href='#'><img alt='ir arriba' border='0' src='http://i222.photobucket.com/albums/dd59/feripula/subir.png' style='position:fixed; bottom:0; right:0;'/></a> |
La URL del botón la pueden reemplazar por el botón que quieran. Les dejo tres páginas con íconos lindos: esta , una más y esta otra con muchas flechitas.
_________________________________________________
Cómo borrar u ocultar la barra de Blogger
Para eliminar totalmente la barra de blogger hacemos lo siguiente:
1. Seleccionar la pestaña Diseño.
2. Dentro de la pestaña Diseño seleccionaremos la opción “Edición de HTML”.
3. Posteriormente buscar la parte <head> (usando control + f)
4. A continuación copiamos el siguiente código:
<style type='text/css'>#navbar-iframe{height: 0px;visibility: hidden;display: none;}</style>
Para ocultar simplemente la barra de blogger, y que al pasar el ratón por la zona donde está se active y aparezca el procedimiento es el siguiente (muy similar al anterior).
1. Seguimos los dos primeros puntos del proceso anterior.
2. Buscamos el fragmento de código body{
3. Insertamos el siguiente código justamente arriba /antes:
#navbar-iframe {
opacity:0.0;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100)
}
Listo. Barra oculta. Luego coloca una imagen o el botón de blogger en algún lugar para acceder al blog.
____________________________________________
Titulo parpadeante - Trucos html
Dos trucos en un post.
Hola! Hoy les dejo dos trucos muy simples, que me pidieron en post anteriores.
1- El primero : colocar un título parpadeante. Simplemente se trata de colocar el título de
1- El primero : colocar un título parpadeante. Simplemente se trata de colocar el título de
tu post entre esta orden <blink> Título acá </blink> .
Si lo usas en un post se verá así:
2- El segundo truco se trata de colocar un titulo en movimientoen la barra del navegador, como lo tengo en mi blog. Puedes colocar una frase, el titulo de tu blog, lo que desees.
Copia y pega este código, reemplazando la parte en rojo, y lo agregas como elemento HTML.
Super fácil.
2- El segundo truco se trata de colocar un titulo en movimientoen la barra del navegador, como lo tengo en mi blog. Puedes colocar una frase, el titulo de tu blog, lo que desees.
Copia y pega este código, reemplazando la parte en rojo, y lo agregas como elemento HTML.
Super fácil.
<!—Mas trucos en http://iintermundo.blogspot.com --><SCRIPT LANGUAGE="JavaScript"> var txt=" :-) Aquí va tu texto - Bienvenidos - "; var espera=100; var refresco=null; function rotulo_title() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);} rotulo_title(); </SCRIPT> |
_________________________________________________
Agregador a FAVORITOS.
Hola!
Cómo están? Hoy les dejo un código que les permitirá A SUS LECTORES añadirlos a sus listas de FAVORITOS o MARCADORES.
Se trata de colocar el siguiente código como un elemento HTML en la sidebar.
Ustedes reemplazarán los sectores: url del blog, nombre del blog, letra y tamaño.
Yo lo dejo como lo coloqué en el mío así les resulta mas sencillo identificar lo que van a reemplazar.
Lo copian, pegan en el bloc de notas, editan y a guardarlo en sus blogs.
codigo:
<a href="javascript:window.external.AddFavorite('http://recursosparatublog.blogspot.com','ReCurSOS para tu Blog')"><small><font face="Verdana" size="2">Agregar a favoritos</font></small></a>
Listo! Espero les sirva... y me dicen qué les parece en los comentarios. Saludos!
________________________________________
Se adapta de esta manera:
Donde dice xxxxx coloca la URL de tu blog o blog donde quieras buscar datos.
Color: donde dice “blue” coloca el nombre del color que armonice con tu blog. En inglés.
Las dimensiones también puedes adaptarlas.
Copiar el código:
<center><form id="searchthis" action="http://xxxxxx.blogspot.com/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="15" type="text"/>
<input id="b-searchbtn" value="Buscar" class="blue" type="submit"/>
</form></center>
Pegar en la opción HTML de agregar elementos, como cualquier código.
Queda así:
<!-- INICIO DE CODIGO http://recursosparatublog.blogspot.com --><a href="javascript:window.print()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRw-qU29UvD8Ceew-cwrhiksxmk_f9Xe9Tb2YHnwmf-rRfHwnYm_3P-Pr7gFIZqLKObV2v9az2Xr_jyVV3akVTOS3waasyj9DG6ijuPnfEvk4zUVV7CVGj6PTG6bNWoaIx7cYxe1nyXtE/s1600/recursos+para+tu+blog.gif" /></a><!-- FINAL CODIGO -->
Con boton:
Multi traductor de Google
Se ve así:
Les dejo el enlace para que seleccionen el código. Si su página es en Español ya viene seleccionado el idioma. Copian y pegan el código en "elemento html", como siempre que sea códigos de este tipo.
Si quieren que el gadget quede centrado le agregan el centerasí...
Bien, aquí les dejo el enlace para que seleccionen el código.Traductor de Google
De todos modos dejo el de las banderitas. A ver si se arregla... ;)
Saludos!