Imprimir para tu blog

Si quieres ofrecer la opción de imprimir tus posts a tus visitantes tan sólo deberás copiar y pegar el siguiente código.....

<a href="javascript:print()">Imprimir</a>

Pero deberás tener cuidado donde ponerlo; la opción ideal es ponerlo o al principio o al final de cada post. Si no quieres estar copiando y pegando el código en cada post puedes utilizar la opción de ponerlo en.......


al final de esta página encontrarás la siguiente opción;

Como verás en plantilla de entrada he pegado el código; le das a guardar configuración: Ahora ya tienes el código en cada post del blog; si te molesta en algun post lo eliminas.
En el siguiente post veremos como cambiar la palabra immprimir por una imagen ;O)

tags blog edicion+html trucos trucos+blogs plantillas+gratis plantillas+blog scripts+gratispersonalizar+blog generadores+bloggeneradores blogtrucos blogtodo para tu blogedicion html blogutilidades blog

Pon voz a tus noticias

Poner voz a tus noticias!! Una nueva funcionalidad para tu blog pensada para quien tiene problemas visuales o para mentes inquietas que gustan de hacer más de una cosa a la vez!!
Tus lectores pueden escuchar tus posts mientras trabajan o ojean otros espacios....
Para este blog es una estupenda funcionalidad ya que en algunos post podreis ir escuchando mientras que vais realizando los truquis.
En la web que lo suministra facilita los plugins tanto para blogger como wordpress.
Podeis ver la funcionalidad al acabar cada post con un pequeño reproductor...A disfrutarlo!!!

Sonowebs

tags blog edicion+html trucos trucos+blogs plantillas+gratis plantillas+blog scripts+gratispersonalizar+blog generadores+bloggeneradores blogtrucos blogtodo para tu blogedicion html blogutilidades blog

Insertar Imagen en blog

Insertar imagen ahora en tu blog de blogger si tienes la versión actualizada es de lo más sencillo; Si nos vamos a la vista diseño


Habiendo accedido a vista diseño nos encontramos con la siguiente interfaz

En primer lugar visualizaremos la pantalla con "Añadir un elemento de Página" pinchando en ella accederemos a "seleccionar un elemento de página nuevo" , en el cual visualizaremos "Imagen" que os he remarcado en rojo y nombrado con el número dos, aquí accedemos a alojar la imagen procedimiento igual que cuando lo hacemos en un post del blog, cuando la hayamos subido a blogger en la vista diseño aparecerá un nuevo elemento denominado Imagen, ya sólo queda pinchar sobre este elemento y arrastrar la imagen hasta la situación que queramos del blog, si el tamaño no fuera de vuestro agrado o la alineación de esta siempre podreis abrir este nuevo elemento y elegir tamaño y alineación.

Realmente un método muy sencillo que nos evita tocar la edición de html en plantilla como había que hacer en la versión anterior de blogger.
Espero que os resulte sencillo y recordar la mejor forma de aprender es practicar!!! ;)

tags blog edicion+html trucos trucos+blogs plantillas+gratis plantillas+blog scripts+gratis personalizar+blog generadores+bloggeneradores blogtrucos blogtodo para tu blogedicion html blogutilidades blog

Script para Navigation bar en blogger

Podeis identificar la navigation bar en la imagen que sigue a continuación (también llamada nav bar).Cumple con la función de acceder al blog y también en la izquierda tiene un cajetin de búsqueda para navegar en tre las últimas novedades listadas en los blogs, en el blogsearch;

A muchos bloggers que gustan de personalizar la plantilla de su blog no les gusta esta función que aporta blogger por sistema; hay scripts para eliminarla pero la facilidad de acceder al blog desaparece...existe un script que no la elimina sino que la hace desaparecer y cuando pasas el ratón sobre ella vuelve a aparecer tenindo a un click el acceso a tu blog para poder editarlo...Una solución muy acertada al gusto de todos y muy fácil de realizar, por cierto si quereis ver el efecto sólo teneis que pasar el cursor por la nav bar de este blog y vereis como al poner el cursor aparece.
Vamos con el truco (Script) supersencillo sólo tendreis que insertar el código en la parte de la plantilla que os indico a continuación; por supuesto para llevarlo a cabo os tendreis que dirigir a la plantilla, una vez allí teneis que localizar el siguiente código;

type="font"
default="normal normal 0% Georgia, Times New Roman,sans-serif" value="normal normal 100% Georgia, Times New Roman,sans-serif">

type="font"
default="italic normal 100% Georgia, Times New Roman, sans-serif" value="italic normal 0% Georgia, Times New Roman, sans-serif">
*/
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
/* Defaults
----------------------------------------------- */
body {
margin:0;
padding:0;
font-size: small;
text-align:center;

En azul claro os he marcado el código de plantilla.
En este color está el script copiarlo y pegarlo en la zona que se os indica en la plantilla

Una vez insertado guardar la plantilla y publicar, vereis como la navigation bar habrá desaparecido pero cuando os haga falta ahí estará.
Espero que os resulte sencillo y provechoso el script!!!! ;D

nav+bar navigation+bar edicion+html tags blog edicion+html trucos trucos+blogs plantillas+gratis plantillas+blog scripts+gratis personalizar+blog generadores+blog nav bar navigation bar generadores blog trucos blogtodo para tu blogedicion html blogutilidades blog

Script; fecha y hora en tittle bar

Con este script conseguiremos el efecto de la fecha y la hora en el tittle bar y la hora en la pestaña de tu blog que ve el usuario; como una imagen vale más que mil palabras os dejo una imagen para que os hagais una idea; Se consiguen los dos efectos a la vez

Para conseguirlo deberemos irnos a la plantilla en edición html, buscar la etiqueta y , copiar el script que os proporciono más abajo y pegarlo justo debajo de la etiqueta ; guardar cambios en a plantilla y a funcionar.........

Importante!!!!! Cuando copies este código debesi esliminar todas las etiquetas
.
Estoy teniendo problemas con los saltos de linea. En breve lo solucionaré
<script language="JavaScript"><br /><!-- // *********************************************** // AUTHOR: WWW.CGISCRIPT.NET, LLC // URL: http://www.cgiscript.net // Use the script, just leave this message intact. // Download your FREE CGI/Perl Scripts today! // ( http://www.cgiscript.net/scripts.htm ) // *********************************************** function resetIt() { // Calculate Time var timerID = null; var timerRunning = false; if(timerRunning) clearTimeout(timerID); timerRunning = false; // getTime var timeNow = new Date(); var hours = timeNow.getHours(); var minutes = timeNow.getMinutes(); var seconds = timeNow.getSeconds(); var timeValue = "" + ((hours >12) ? hours -12 :hours)<br />timeValue = ((timeValue <10)?>= 12) ? " PM" : " AM"<br />timerID = setTimeout("resetIt()",100);<br />timerRunning = true;<br /><br /><br />// getDate<br />var dateNow = new Date();<br />var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');<br />var months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');<br />var date = ((dateNow.getDate()<10) today =" timeValue" title =" today.toString();" status =" today.toString();"><br /></script>
tags blog edicion+html trucos trucos+blogs plantillas+gratis plantillas+blog scripts+gratis personalizar+blog genradores+blog generadores blogtrucos blogtodo para tu blogedicion html blogutilidades blog

Scripts en todo para tu blog

Texto con efecto en arcoiris
Para lo que querais utilizar....para las entradas...titulo en el blog....en las sidebar....vosotros decidis!!!
Crear metatags en el blog
No sabeis lo que es??? Una breve descripción de para qué se utiliza y como insertarlo. Imprescindible para ser visible en la red!!!!!
Fecha en el tittle bar
Dale un aspecto más profesional a tu blog con este sencillo script

Script terremoto en la pantalla
Sorprende a tus visitantes al entrar en tu blog!!!!!
Titulo del blog en movimiento en la pestaña del visitante
Otro detalle que hara de tu blog un blog diferente!!!



Todos estos scripts han sido texteados para poder visualizarlos en la mayoria de navegadores más utilizados....

tags blog edicion+html trucos trucos+blogs plantillas+gratis plantillas+blog scripts+gratis personalizar+blog genradores+blog generadores blogtrucos blogtodo para tu blogedicion html blogutilidades blog

Script; fecha en tittle bar

Con este script conseguiremos el siguiente efecto;

Para conseguirlo deberemos irnos a la plantilla en edición html, buscar la etiqueta , copiar el script que os proporciono más abajo y pegarlo justo debajo de la etiqueta ; guardar cambios en a plantilla y a funcionar.........Os dejo un gráfico para que visualiceis donde se encuentra cada una de las cosas que os he comentado arriba

Donde os he marcado con las estrellas o podeis guiar en que
parte de la plantilla podreis encontrar la etiqueta

Script fecha en el tittle bar
<script language="Javascript"><!-- var dateModified = document.lastModified; mydate = dateModified.slice(0,10); document.write("<b>Last updated: " + mydate + "</b>")//--></script>

Fácil...verdad??? ;)

tags blog edicion+html trucos trucos+blogs plantillas+gratis plantillas+blog scripts+gratis personalizar+blog generadores+blog scripts generadores blogtrucos blogtodo para tu blogedicion html blogutilidades blog

Terremoto en la pantalla con un sencillo script

Un sencillo script que en un rpincipio confundirá a vuestros visitantes y luego hará recordar vuestra página. Lo siento pero por motivos obvios y ajenos al personal de ea página no se puede hacer una captura de pantalla (((;)


Sólo hay dos formas de probarlo o ir cambiando páginas o probarlo en vuestro blog.....


Seleccionar el código, copiar y pegar en vuestra plantilla en el body, ya ya lo sé que hay muchas etiquetas body pero sólo una está antes de la etiqueta /head y está en la nueva versión de blogger casi en la tercera parte del código de la plantilla.
Asi que ya sabeis a probarlo!!!!!

<script language="JavaScript1.2"><br />function tremer(n) {<br />if (self.moveBy) {<br />for (i = 10; i > 0; i--) {<br />for (j = n; j > 0; j--) {<br />self.moveBy(0,i);<br />self.moveBy(i,0);<br />self.moveBy(0,-i);<br />self.moveBy(-i,0);<br />}}}}<br />tremer(5)<br /></script>

Titulo blog texto efecto Arcoiris

Os lo explico a continuación.

Utilizando las nuevas herramientas de blogger.....



Nos dirigiremos a plantilla y entraremos en elementos de página; una vez que hemos accedido veremos la opción de(1) añadir un elemento de página en el panel que se abrirá de todos los elementos deberemos elegir(2) HTML/Javascript ; una vez hayamos accedido se nos abrirá la siguiente página;


Debemos asegurarnos que en la zona superior derecha, al lado de las posibilidades de edicion esté activada la posibilidad del formato RTF si está activada formato HTML veremos el código no el efecto; Cuando estemos seguros de estos pasos copiaremos el código que en la imagen ya está copiado y lo teneis a continuación (Acordaros!!! 1ª Boton derecho del ratón >>>>seleccionar todo y 2º de nuevo Boton derecho del ratón >>>>copiar)

<span style="font-size:100%;"><script>// ********** MAKE YOUR CHANGES HEREvar text="TODO PARA TU BLOG; UN BLOG DIFERENTE!!!!!" // TODO PARA TU BLOG; UN BLOG DIFERENTE!!!!!var speed=80 // SPEED OF FAD// ********** LEAVE THE NEXT BIT ALONE! if (document.all||document.getElementById){<br />document.write('<span id="highlight">' + text + '</span>')var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight}else/>document.write(text)var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")var r=1var g=1var b=1var seq=1function changetext(){ rainbow="#"+hex[r]+hex[g]+hex[b]storetext.style.color=rainbow}function change(){if (seq==6){b--if (b==0)seq=1}if (seq==5){r++if (r==12)seq=6}if (seq==4){g-->if (g==0)seq=5}if (seq==3){b++if (b==12)seq=4}if (seq==2){r--if (r==0)seq=3}if (seq==1){>g++if (g==12)seq=2}changetext()}function starteffect(){if (document.all||document.getElementById) flash=setInterval("change()",speed)}starteffect()</script></span>

Se pueden editar las propiedades font y var speed=80
Una vez copiado y pegado el texto en el cajetin le dais a guardar cambios; si quereis que esté en la zona del tiulo pinchar sobre él y arrastrar hasta la parte superior del blog, hará las veces de titulo (como yo lo he utilizado)...pero siempre podeis utilizarlo para lo que querais.

SI se puede utilizar en los post o entradas como lo querais llamar así que a sacarle provecho!!!!!!

Texto en movimiento

Texto en movimiento

Estais en todo para tu blog;Un blog diferente!!!!!Espero que os guste

Para conseguir el efecto del texto en movimiento es muy sencillo tan sólo tendreis que insertar el texto que querais entre estas dos etiquetas
(<)marquee>Insertar el texto que querais(<)/marquee>
Hay que quitar los parentesis sino no funciona



Estais en todo para tu blog;Un blog diferente!!!!!
Espero que os guste

-Quereis conseguir este efecto??? Para conseguirlo debereis introducir este código en la edicion de HTML de vuestro blog o plantilla;
(<)marquee behavior="" direction="up" scrollamount="1" height="10"(>)
Introducir el texto que querais aqui (<)/marquee(>)
Debeis de quitar para que funcione ()

-Y si en direction="up" ponemos down osea
(<)marquee behavior="" direction="down" scrollamount="1" height="10"(>)
Introducir el texto que querais aqui (<)/marquee(>)
Acordaros de quitar ()


Espero que os guste
Estais en todo para tu blog;Un blog diferente!!!!!

-scrollamount="1"----es la velocidad con que se mueve la animación, jugar con este valor para conseguir el valor que deseeis (1,2,3,4,)
-height="10"-----es la altura de la animación moveros en valores de 10 en 10



Y ahora vamos a rizar el rizo que os parece si el texto en movimiento lo vinculamos a otra página; osea conseguir el siguiente efecto......

Este enlace lo podeis dirigir hacia donde querais!!!!!!

(<)marquee>(<)a>a href="URL del sitio con http://" target="_blank"(>)texto que querais insertar) (<)/marquee>
Quitar todos los parentesis
Un consejo; no abuseis muchos de este efecto ya veis lo rayante que ha quedado el post;no????


A última hora se me ha ocurrido insertar una imagen; sabrias hacerlo???Venga que es muy fácil ....

FAVICON en web o blog

Qué es el favicon? A Continuación os dejo una imagen para que lo identifiqueis es lo redondeado en rojo

por tanto será una señal identificativa de vuestra web o blog; buscar alguna que identifique el espiritu de vuestro espacio.
Una vez que tengais seleccionada la imagen que querais incluir os dirigis a esta página que os doy a continuación si seguis las instrucciones la imagen os la transformará en el tamaño adecuado y de los formatos que os facilita debereis elegir el png la dirección para este proceso; Favicon from Pics

Vais a hacer cambios en la plantilla acordaros de guardarla en un documento de texto aparte

Comenzamos una nueva entrada y subimos la imagen del favicon una vez insertada en la entrada nos cambiamos a edicion de HTML y copiamos todo el código, a continuación anulamos la entrada y el código que tenemos lo pegamos 'URL DE TU IMAGEN-FAVICON' del código que tenemos más abajo y que paso a explicaros a continuación........guardaros de momento el código en un txt para utilizarlo ahora mismo.....
Ahora vamos al HTML de la plantilla os acordais? Vamos a refrescar la memoria

Plantilla del blog

esta es la plantilla...pues ahora teneis que identificar el tittle que es lo que os he marcado en rojo (si no lo veis bien pinchar sobre la imagen y se os agrandará) y justo debajo insertar el siguiente codigo insertando en 'URL DE TU IMAGEN-FAVICON' el código de la imagen que habeis copiado en el archivo de texto

<@link href='URL DE TU IMAGEN-FAVICON' rel='shortcut icon' type='image/x-icon'/>
<@link href='URL DE TU IMAGEN-FAVICON' rel='icon' type='image/png'/>
****@ quitarla del código


Cuando lo hayais hecho le dais a guardar cambios de plantilla y publicar blog y ya habreis acabado a disfrutarlo!!!!!!