SlideShare una empresa de Scribd logo
¿Cómo poner en tu blog el &quot;Leer más..&quot;? ►  Paso 1:  En edición HTML marcamos expandir plantillas de artilugios ►  Paso 2:  Buscamos </head> y antes pegamos este código: <script src='http://ar.geocities.com/blogdecesar/functiontoggleIt.js' type='text/javascript'/>
► Paso 3:  Después buscamos en la plantilla esto: <b:includable id='post' var='post'> <div class='post uncustomized-post-template' <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title'> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header-line-1'/> <div class='post-body'> <p><data:post.body/></p> <div style='clear: both;'/> <!-- clear for photos floats --> </div>
Búscalo bien que está! En el blog que doy de ejemplo se encuentra abajo. Cuando lo encuentres REEMPLAZARLO por lo que sigue: <b:includable id='post' var='post'> <div class='post uncustomized-post-template' expr:id='&quot;post-&quot; + data:post.id'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title'> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header-line-1'/> <div class='post-body'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <p><data:post.body/></p> <b:else/> <style>#fullpost {display:none;}</style> <p><data:post.body/></p> <span id='showlink'> <p><a href='javascript:void(0);' expr:onclick='&quot;javascript:showFull(amp;quot;post-&quot; + data:post.id + &quot;amp;quot;);&quot;'>SIGA LEYENDO</a></p> </span> <span id='hidelink' style='display:none'> <p><a href='javascript:void(0);' expr:onclick='&quot;javascript:hideFull(amp;quot;post-&quot; + data:post.id + &quot;amp;quot;);&quot;'>CERRAR NOTA</a></p> </span> <script type='text/javascript'> checkFull(&quot;post-&quot; + &quot;<data:post.id/>&quot;); </script> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div>
Donde dice “siga leyendo” y “cerrar nota” puedes poner una imagen. Guardas plantilla y listo. ► Paso 4:  Cuando hacemos una entrada usamos esto:  <span id=&quot;fullpost&quot;> y al final de todo lo cerras con esto </span> Código: texto <span id=&quot;fullpost&quot;> texto </span> Si queremos que este ultimo código nos aparezca cada vez que hagamos una entrada podemos hacerlo. Se pueden configurar las entradas y estos aparecen. Es asi: a) Vas a opciones/formato b) Mira abajo de todo que dice PLANTILLA DE ENTRADA y ahí pegas los códigos del punto &quot;4&quot; guardar valores y listo, cada vez que creamos una entrada ya lo tendrás.
¿Cómo poner el traductor de google? Para poner el traductor de Google con banderas tan solo necesitamos un código, y debemos pegarlo en un gadget HTML/Javascript. Lo bueno de este Traductor con banderas es que se adapta a cualquier espacio. Como el código es largo lo pondremos en las siguientes dos diapositivas.
<style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;English&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;&quot;><img alt=&quot;English&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;English&quot; height=&quot;24&quot; src=&quot;http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBORD9bI/AAAAAAAAACs/XkaLmmin4zg/s200/United+Kingdom(Great+Britain).png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;French&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;&quot;><img alt=&quot;French&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;French&quot; height=&quot;24&quot; src=&quot;http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBrDZLrI/AAAAAAAAAC0/Kc6eDMT9LFI/s200/France.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;German&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;&quot;><img alt=&quot;German&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;German&quot; height=&quot;24&quot; src=&quot;http://1.bp.blogspot.com/_5jbh95HruKA/S1YVBzoFF2I/AAAAAAAAAC8/WgvMK3zP1Rk/s200/Germany.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Spain&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;&quot;><img alt=&quot;Spain&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Spain&quot; height=&quot;24&quot; src=&quot;http://3.bp.blogspot.com/_5jbh95HruKA/S1YVCdHp5VI/AAAAAAAAADE/lWHzr5znExU/s200/Spain.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a>
<a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Italian&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;&quot;><img alt=&quot;Italian&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Italian&quot; height=&quot;24&quot; src=&quot;http://4.bp.blogspot.com/_5jbh95HruKA/S1YVCskNubI/AAAAAAAAADM/ChdHC6vYT4s/s200/Italy.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Dutch&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;&quot;><img alt=&quot;Dutch&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Dutch&quot; height=&quot;24&quot; src=&quot;http://3.bp.blogspot.com/_5jbh95HruKA/S1YWRkFo9UI/AAAAAAAAADU/4AzKfc6Oyxg/s200/Netherlands.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Russian&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;&quot;><img alt=&quot;Russian&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Russian&quot; height=&quot;24&quot; src=&quot;http://4.bp.blogspot.com/_5jbh95HruKA/S1YWR-jg9pI/AAAAAAAAADc/vYZrPOzazHU/s200/Russian+Federation.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Portuguese&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;&quot;><img alt=&quot;Portuguese&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Portuguese&quot; height=&quot;24&quot; src=&quot;http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSGHcxOI/AAAAAAAAADk/ElHZBjDCZn8/s200/Brazil.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Japanese&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;&quot;><img alt=&quot;Japanese&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Japanese&quot; height=&quot;24&quot; src=&quot;http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSR2_wYI/AAAAAAAAADs/GtKdPLKUluE/s200/Japan.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Korean&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;&quot;><img alt=&quot;Korean&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Korean&quot; height=&quot;24&quot; src=&quot;http://2.bp.blogspot.com/_5jbh95HruKA/S1YWSrlfMyI/AAAAAAAAAD0/_MACsRIW8wg/s200/South+Korea.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Arabic&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;&quot;><img alt=&quot;Arabic&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Arabic&quot; height=&quot;24&quot; src=&quot;http://3.bp.blogspot.com/_5jbh95HruKA/S1YWq7SrDkI/AAAAAAAAAD8/ZE8A1isEZrw/s200/Saudi+Arabia.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Chinese Simplified&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;&quot;><img alt=&quot;Chinese Simplified&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Chinese Simplified&quot; height=&quot;24&quot; src=&quot;http://1.bp.blogspot.com/_5jbh95HruKA/S1YWrMQAw9I/AAAAAAAAAEE/r-DEVtWXp50/s200/China.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> </div>  <div 0px 0pxâ?? style=&quot;â??font-size:10px;margin:8px&quot; 3px></div> <br/> <a href=&quot;http://www.bloggerarticle.com/&quot;><font size=&quot;1px&quot;>this widget by www.AllBlogTools.com</font></a>
¿Cómo cambiar el favicon? ► Paso 1:  Lo primero será crear nuestro propio favicon y para no complicaros demasiado podéis optar por hacer como yo y crearlo online. En Favicon from Pics  (http://www.html-kit.com/favicon/)   podréis hacerlo sin ningún problema, pinchando en Examinar subís la imagen que vais a transformar en favicon desde vuestro PC, os saldrá una vista previa, incluso sale un favicon con movimiento. Descargáis el favicon a vuestro PC en formato zip, una vez descomprimido nos dará tres imágenes en distintos formatos, escogemos la que está en formato.ico.   ► Paso 2:  Subimos la imagen a un servidor de archivos que admita el formato .ico, como por ejemplo SkyDrive.   ► Paso 3:  Vamos a  Plantilla -Edición HTML  y buscamos el título del blog, es decir, esta parte del código: <title><data:blog.pagetitle><title> y justo antes colocamos esto: <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/x-icon'/>
¿Cómo usar SkyDrive? SkyDrive es un servicio de alojamiento de archivos que, entre otros tipos de archivos,  nos permite alojar script  en unos pocos pasos. El uso de este servicio es bastante sencillo, el mayor problema se puede presentar a la hora de localizar exactamente cual es la URL que debamos usar.  [1]  Una vez hemos accedido a SkyDrive mediante nuestra id de Windows Live (Hotmail, MSN, etc.) lo primero que vemos es una pantalla con algo como esto:
[2]  Pinchamos en la carpeta que vemos en primer lugar y que dice &quot; Publico &quot;. Pasaremos entonces a otra pantalla con una serie de enlaces, pinchamos en &quot; Crear carpeta &quot;: Le ponemos un nombre cualquiera a la carpeta y pasamos a una nueva pantalla donde mediante un enlace se nos invita a incluir un archivo: Pinchamos en ese enlace y agregamos el archivo que vamos a subir mediante &quot; Examinar &quot; desde nuestro PC (pueden subirse hasta cinco al mismo tiempo), pinchamos en &quot; Cargar &quot; y esperamos.
[3]  Pinchamos ahora sobre el icono del archivo (ese que parece una hoja de papel con la esquinita doblada) y en la pantalla individual del archivo, vemos  el mismo icono pero a mayor tamaño : Por supuesto no tenemos en cuenta el aviso que saldrá resaltado en amarillo, ya que saldrá por defecto siempre que el archivo subido sea un script.  [4]  Llego el momento de  obtener URL  del archivo: Firefox Lo haremos  pinchando sobre el icono grande  con el botón derecho del ratón, y en la ventanita que se abre en &quot;Propiedades&quot; copiamos la dirección del enlace que será algo así: http://w522ka.bay.livefilestore.com/y1pem4zcAZ0A7OliKRG1Dul3RhUEHg12E69eLnuGiOcaW35wOUKj0iL7SrvowrRg52jiC1Ch76dOSs/linkprefs.js ?download Para usarla lo hacemos eliminando la parte final, el  ?download  que está destacado en color rojo. IExplorer Bastará con pinchar con el botón derecho y &quot; Copiar acceso directo &quot;. Para usarla también hemos de eliminar por supuesto, la parte final, el  ?download.
¿Cómo poner las flechas? Las flechas de “IR ARRIBA” e “IR ABAJO” son muy fáciles de poner, lo explicare en unos pasos: Paso 1 : se trata de colocar un script antes de  </head> . Vas a Diseño > HTML > y busca </head>.  Justo antes de </head> pegas este código: <!-- Prototype y Scriptaculous--> <script src='http://www.google.com/jsapi'/> <script> google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;); google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;); </script> <!-- Prototype y Scriptaculous-->
Guarda el cambio. Paso 2:  ahora vamos a las flechitas y la posición en tu blog. Debes buscar </body>. Justo antes pega este código: <a href='#outer-wrapper' onclick='new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false'><img border='0' src=' URL de la imagen ' style='position:fixed; top:0; right:0;' title='Arriba'/></a> <a href='#footer-wrapper' onclick='new Effect.ScrollTo(&quot;footer-wrapper&quot;,{offset:-140}); return false'><img border='0' src=' URL de la imagen ' style='position:fixed; bottom:0; right:0;' title='Abajo'/></a> Remplaza  “URL de la imagen” por la imagen que deseamos poner. En esta pagina hay muchos iconos que poner: http://icons.mysitemyway.com/free-icons-clipart-tagged/arrow/748/.
¿Cómo poner la marquesina  con movimiento? Una marquesina que va y vuelve. Puede ir en la sidebar o transportarlo como elemento HTML sobre la columna de entradas o bajo la cabecera del blog.  <marquee style=&quot;FONT-WEIGHT: bold; FONT-SIZE: 14pt; WIDTH: 350px; COLOR: #1e2552; FONT-FAMILY: Trebuchet MS; HEIGHT: 14px&quot; behavior=&quot;alternate&quot;><div align=&quot;center&quot;>BienVenidos</marquee></span> Puedes reemplazar la FUENTE, TAMAÑO DE LA LETRA, ANCHO (width), COLOR Y ALTURA (heigth). En el sector de TEXTO reemplacen por el que deseen.
Webs de los Gadges y las entradas www.pageplugins.com www.bunnyherolabs.com www.webneko.net www.poqbum.com www.mixpod.com Aquí dejo algunas de las paginas que he utilizado para hacer el blog. No están todas, si quieres algo pincha dos veces sobre el y aparecerá en otra ventana la pagina con todas las variables.

Más contenido relacionado

La actualidad más candente

HTML
HTMLHTML
Javascript
JavascriptJavascript
Primera clase de HTML
Primera clase de HTMLPrimera clase de HTML
Primera clase de HTML
Jorge Llanten
 
Presentación HTML
Presentación HTMLPresentación HTML
Presentación HTML5032985
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IVguestc906c2
 
Cómo instalar o cambiar una plantilla en el
Cómo instalar o cambiar una plantilla en elCómo instalar o cambiar una plantilla en el
Cómo instalar o cambiar una plantilla en elRamón Sanchez
 
Daniela Vera
Daniela VeraDaniela Vera
Daniela VeraDanivera
 
Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1   h6 p aplicar estilos parrafos etiqueta pre html varEncabezados h1   h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
noelia alarcon
 
Diversas características generales
Diversas características generalesDiversas características generales
Diversas características generalesga12007
 
Elaboración de paginas web dinamicas
Elaboración de paginas web dinamicasElaboración de paginas web dinamicas
Elaboración de paginas web dinamicas
Lupita Mata
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
Yo ♥ Tacna
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
Pipe Gomex
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas htmlup
 
Pagina web 2
Pagina web 2Pagina web 2
Pagina web 2
juanesvs
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
JuanMa Ruiz
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
Anna García Sans
 

La actualidad más candente (19)

HTML
HTMLHTML
HTML
 
Inf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarezInf2-exc-1-diego alvarez
Inf2-exc-1-diego alvarez
 
Javascript
JavascriptJavascript
Javascript
 
Primera clase de HTML
Primera clase de HTMLPrimera clase de HTML
Primera clase de HTML
 
Presentación HTML
Presentación HTMLPresentación HTML
Presentación HTML
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
 
Manual html
Manual htmlManual html
Manual html
 
Cómo instalar o cambiar una plantilla en el
Cómo instalar o cambiar una plantilla en elCómo instalar o cambiar una plantilla en el
Cómo instalar o cambiar una plantilla en el
 
Daniela Vera
Daniela VeraDaniela Vera
Daniela Vera
 
Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1   h6 p aplicar estilos parrafos etiqueta pre html varEncabezados h1   h6 p aplicar estilos parrafos etiqueta pre html var
Encabezados h1 h6 p aplicar estilos parrafos etiqueta pre html var
 
Html basico
Html basicoHtml basico
Html basico
 
Diversas características generales
Diversas características generalesDiversas características generales
Diversas características generales
 
Elaboración de paginas web dinamicas
Elaboración de paginas web dinamicasElaboración de paginas web dinamicas
Elaboración de paginas web dinamicas
 
Html basicccccccoooooooooooooo
Html basicccccccooooooooooooooHtml basicccccccoooooooooooooo
Html basicccccccoooooooooooooo
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Pagina web 2
Pagina web 2Pagina web 2
Pagina web 2
 
Inicio al HTML
Inicio al HTMLInicio al HTML
Inicio al HTML
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 

Destacado

Windows Xp Ubuntu
Windows Xp UbuntuWindows Xp Ubuntu
Windows Xp Ubuntugrupokarina
 
\T Instruccional S O
\T Instruccional S O \T Instruccional S O
\T Instruccional S O
grupokarina
 
CASO 2 Presentacion 3
CASO 2 Presentacion 3CASO 2 Presentacion 3
CASO 2 Presentacion 3IDE08194002
 
Circuit Bending Juan Jose Rivas
Circuit Bending Juan Jose RivasCircuit Bending Juan Jose Rivas
Circuit Bending Juan Jose Rivas
Futura Networks
 
BLOQUE ACADÉMICO DE UN ENTORNO ACADÉMICO
BLOQUE ACADÉMICO DE UN ENTORNO ACADÉMICOBLOQUE ACADÉMICO DE UN ENTORNO ACADÉMICO
BLOQUE ACADÉMICO DE UN ENTORNO ACADÉMICOguest1300bb
 
Gastrítis y úlcera peptica. doc
Gastrítis y úlcera peptica. docGastrítis y úlcera peptica. doc
Gastrítis y úlcera peptica. doccucutras
 

Destacado (7)

Windows Xp Ubuntu
Windows Xp UbuntuWindows Xp Ubuntu
Windows Xp Ubuntu
 
investigacion
investigacioninvestigacion
investigacion
 
\T Instruccional S O
\T Instruccional S O \T Instruccional S O
\T Instruccional S O
 
CASO 2 Presentacion 3
CASO 2 Presentacion 3CASO 2 Presentacion 3
CASO 2 Presentacion 3
 
Circuit Bending Juan Jose Rivas
Circuit Bending Juan Jose RivasCircuit Bending Juan Jose Rivas
Circuit Bending Juan Jose Rivas
 
BLOQUE ACADÉMICO DE UN ENTORNO ACADÉMICO
BLOQUE ACADÉMICO DE UN ENTORNO ACADÉMICOBLOQUE ACADÉMICO DE UN ENTORNO ACADÉMICO
BLOQUE ACADÉMICO DE UN ENTORNO ACADÉMICO
 
Gastrítis y úlcera peptica. doc
Gastrítis y úlcera peptica. docGastrítis y úlcera peptica. doc
Gastrítis y úlcera peptica. doc
 

Similar a Blog

Calculadora
CalculadoraCalculadora
Calculadora
jolfp
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascriptoswchavez
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascriptoswchavez
 
Truquitos html
Truquitos htmlTruquitos html
Truquitos html
punkandemo
 
Trucos Html
Trucos HtmlTrucos Html
Trucos Html
guesta3e4a76
 
Trucos html
Trucos htmlTrucos html
Trucos html
punkandemo
 
Symfony2: Interacción con CSS, JS y HTML5
Symfony2: Interacción con CSS, JS y HTML5Symfony2: Interacción con CSS, JS y HTML5
Symfony2: Interacción con CSS, JS y HTML5
Raul Fraile
 
HTML5 la revolución!
HTML5 la revolución!HTML5 la revolución!
HTML5 la revolución!
maspixel
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN HtmlMargarita T.
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Htmlmarcos0209
 
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Htmledujoso
 
Qué es html
Qué es htmlQué es html
Qué es htmledujoso
 
Sesion Nº5 Formato De Texto Y Caracteres Especiales
Sesion Nº5   Formato De Texto Y Caracteres EspecialesSesion Nº5   Formato De Texto Y Caracteres Especiales
Sesion Nº5 Formato De Texto Y Caracteres Especiales
Edgar A. Cruz Huaman
 
Encuentro Linux 2011
Encuentro Linux 2011Encuentro Linux 2011
Encuentro Linux 2011
Felipe Hernández Rivas
 
2_2_Conceptos_básicos.pdf
2_2_Conceptos_básicos.pdf2_2_Conceptos_básicos.pdf
2_2_Conceptos_básicos.pdf
Mariano Suárez Guerrero
 
Periodo De IntegracióN De InformáTica
Periodo De IntegracióN De InformáTicaPeriodo De IntegracióN De InformáTica
Periodo De IntegracióN De InformáTica
gabo17
 

Similar a Blog (20)

Calculadora
CalculadoraCalculadora
Calculadora
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
 
Html Y Javascript
Html Y JavascriptHtml Y Javascript
Html Y Javascript
 
Truquitos html
Truquitos htmlTruquitos html
Truquitos html
 
Trucos Html
Trucos HtmlTrucos Html
Trucos Html
 
Trucos html
Trucos htmlTrucos html
Trucos html
 
Symfony2: Interacción con CSS, JS y HTML5
Symfony2: Interacción con CSS, JS y HTML5Symfony2: Interacción con CSS, JS y HTML5
Symfony2: Interacción con CSS, JS y HTML5
 
HTML5 la revolución!
HTML5 la revolución!HTML5 la revolución!
HTML5 la revolución!
 
Tpd 02
Tpd 02Tpd 02
Tpd 02
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
html
htmlhtml
html
 
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es HtmlC:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
C:\Documents And Settings\Alumno\Mis Documentos\Qué Es Html
 
Qué es html
Qué es htmlQué es html
Qué es html
 
Curso Html
Curso HtmlCurso Html
Curso Html
 
Sesion Nº5 Formato De Texto Y Caracteres Especiales
Sesion Nº5   Formato De Texto Y Caracteres EspecialesSesion Nº5   Formato De Texto Y Caracteres Especiales
Sesion Nº5 Formato De Texto Y Caracteres Especiales
 
Encuentro Linux 2011
Encuentro Linux 2011Encuentro Linux 2011
Encuentro Linux 2011
 
2_2_Conceptos_básicos.pdf
2_2_Conceptos_básicos.pdf2_2_Conceptos_básicos.pdf
2_2_Conceptos_básicos.pdf
 
Periodo De IntegracióN De InformáTica
Periodo De IntegracióN De InformáTicaPeriodo De IntegracióN De InformáTica
Periodo De IntegracióN De InformáTica
 
Introhtml
IntrohtmlIntrohtml
Introhtml
 

Último

Fase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría AnalíticaFase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría Analítica
YasneidyGonzalez
 
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdfAsistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Demetrio Ccesa Rayme
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
JAVIER SOLIS NOYOLA
 
Libro infantil sapo y sepo un año entero pdf
Libro infantil sapo y sepo un año entero pdfLibro infantil sapo y sepo un año entero pdf
Libro infantil sapo y sepo un año entero pdf
danitarb
 
Junio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividadesJunio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividades
cintiat3400
 
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptxSemana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
LorenaCovarrubias12
 
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIACONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
BetzabePecheSalcedo1
 
Examen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdfExamen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdf
20minutos
 
Semana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptxSemana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptx
LorenaCovarrubias12
 
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptxc3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
Martín Ramírez
 
Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1
MauricioSnchez83
 
ENSAYO SOBRE LA ANSIEDAD Y LA DEPRESION.docx
ENSAYO SOBRE LA ANSIEDAD Y LA DEPRESION.docxENSAYO SOBRE LA ANSIEDAD Y LA DEPRESION.docx
ENSAYO SOBRE LA ANSIEDAD Y LA DEPRESION.docx
SandraPiza2
 
FICHA DE EJERCICIOS GRECIA 1º DE LA ESO HISTORIA
FICHA DE EJERCICIOS GRECIA 1º DE LA ESO HISTORIAFICHA DE EJERCICIOS GRECIA 1º DE LA ESO HISTORIA
FICHA DE EJERCICIOS GRECIA 1º DE LA ESO HISTORIA
JavierMontero58
 
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdfUn libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
sandradianelly
 
El fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docxEl fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docx
Alejandrino Halire Ccahuana
 
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdfFORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
El Fortí
 
MIP PAPA Rancha Papa.pdf.....y caracteristicas
MIP PAPA  Rancha Papa.pdf.....y caracteristicasMIP PAPA  Rancha Papa.pdf.....y caracteristicas
MIP PAPA Rancha Papa.pdf.....y caracteristicas
jheisonraulmedinafer
 
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdfAsistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
Demetrio Ccesa Rayme
 
PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
https://gramadal.wordpress.com/
 
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdfHABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
DIANADIAZSILVA1
 

Último (20)

Fase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría AnalíticaFase 3; Estudio de la Geometría Analítica
Fase 3; Estudio de la Geometría Analítica
 
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdfAsistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
Asistencia Tecnica Cartilla Pedagogica DUA Ccesa007.pdf
 
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...
 
Libro infantil sapo y sepo un año entero pdf
Libro infantil sapo y sepo un año entero pdfLibro infantil sapo y sepo un año entero pdf
Libro infantil sapo y sepo un año entero pdf
 
Junio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividadesJunio 2024 Fotocopiables Ediba actividades
Junio 2024 Fotocopiables Ediba actividades
 
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptxSemana 10-TSM-del 27 al 31 de mayo 2024.pptx
Semana 10-TSM-del 27 al 31 de mayo 2024.pptx
 
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIACONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
CONCLUSIONES-DESCRIPTIVAS NIVEL PRIMARIA
 
Examen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdfExamen Lengua y Literatura EVAU Andalucía.pdf
Examen Lengua y Literatura EVAU Andalucía.pdf
 
Semana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptxSemana #10-PM3 del 27 al 31 de mayo.pptx
Semana #10-PM3 del 27 al 31 de mayo.pptx
 
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptxc3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
c3.hu3.p3.p2.Superioridad e inferioridad en la sociedad.pptx
 
Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1Mauricio-Presentación-Vacacional- 2024-1
Mauricio-Presentación-Vacacional- 2024-1
 
ENSAYO SOBRE LA ANSIEDAD Y LA DEPRESION.docx
ENSAYO SOBRE LA ANSIEDAD Y LA DEPRESION.docxENSAYO SOBRE LA ANSIEDAD Y LA DEPRESION.docx
ENSAYO SOBRE LA ANSIEDAD Y LA DEPRESION.docx
 
FICHA DE EJERCICIOS GRECIA 1º DE LA ESO HISTORIA
FICHA DE EJERCICIOS GRECIA 1º DE LA ESO HISTORIAFICHA DE EJERCICIOS GRECIA 1º DE LA ESO HISTORIA
FICHA DE EJERCICIOS GRECIA 1º DE LA ESO HISTORIA
 
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdfUn libro sin recetas, para la maestra y el maestro Fase 3.pdf
Un libro sin recetas, para la maestra y el maestro Fase 3.pdf
 
El fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docxEl fundamento del gobierno de Dios. Lec. 09. docx
El fundamento del gobierno de Dios. Lec. 09. docx
 
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdfFORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
FORTI-JUNIO 2024. CIENCIA, EDUCACION, CULTURA,pdf
 
MIP PAPA Rancha Papa.pdf.....y caracteristicas
MIP PAPA  Rancha Papa.pdf.....y caracteristicasMIP PAPA  Rancha Papa.pdf.....y caracteristicas
MIP PAPA Rancha Papa.pdf.....y caracteristicas
 
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdfAsistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
Asistencia Tecnica Cultura Escolar Inclusiva Ccesa007.pdf
 
PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.PPT: El fundamento del gobierno de Dios.
PPT: El fundamento del gobierno de Dios.
 
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdfHABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
HABILIDADES MOTRICES BASICAS Y ESPECIFICAS.pdf
 

Blog

  • 1. ¿Cómo poner en tu blog el &quot;Leer más..&quot;? ► Paso 1: En edición HTML marcamos expandir plantillas de artilugios ► Paso 2: Buscamos </head> y antes pegamos este código: <script src='http://ar.geocities.com/blogdecesar/functiontoggleIt.js' type='text/javascript'/>
  • 2. ► Paso 3: Después buscamos en la plantilla esto: <b:includable id='post' var='post'> <div class='post uncustomized-post-template' <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title'> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header-line-1'/> <div class='post-body'> <p><data:post.body/></p> <div style='clear: both;'/> <!-- clear for photos floats --> </div>
  • 3. Búscalo bien que está! En el blog que doy de ejemplo se encuentra abajo. Cuando lo encuentres REEMPLAZARLO por lo que sigue: <b:includable id='post' var='post'> <div class='post uncustomized-post-template' expr:id='&quot;post-&quot; + data:post.id'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title'> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header-line-1'/> <div class='post-body'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <p><data:post.body/></p> <b:else/> <style>#fullpost {display:none;}</style> <p><data:post.body/></p> <span id='showlink'> <p><a href='javascript:void(0);' expr:onclick='&quot;javascript:showFull(amp;quot;post-&quot; + data:post.id + &quot;amp;quot;);&quot;'>SIGA LEYENDO</a></p> </span> <span id='hidelink' style='display:none'> <p><a href='javascript:void(0);' expr:onclick='&quot;javascript:hideFull(amp;quot;post-&quot; + data:post.id + &quot;amp;quot;);&quot;'>CERRAR NOTA</a></p> </span> <script type='text/javascript'> checkFull(&quot;post-&quot; + &quot;<data:post.id/>&quot;); </script> </b:if> <div style='clear: both;'/> <!-- clear for photos floats --> </div>
  • 4. Donde dice “siga leyendo” y “cerrar nota” puedes poner una imagen. Guardas plantilla y listo. ► Paso 4: Cuando hacemos una entrada usamos esto: <span id=&quot;fullpost&quot;> y al final de todo lo cerras con esto </span> Código: texto <span id=&quot;fullpost&quot;> texto </span> Si queremos que este ultimo código nos aparezca cada vez que hagamos una entrada podemos hacerlo. Se pueden configurar las entradas y estos aparecen. Es asi: a) Vas a opciones/formato b) Mira abajo de todo que dice PLANTILLA DE ENTRADA y ahí pegas los códigos del punto &quot;4&quot; guardar valores y listo, cada vez que creamos una entrada ya lo tendrás.
  • 5. ¿Cómo poner el traductor de google? Para poner el traductor de Google con banderas tan solo necesitamos un código, y debemos pegarlo en un gadget HTML/Javascript. Lo bueno de este Traductor con banderas es que se adapta a cualquier espacio. Como el código es largo lo pondremos en las siguientes dos diapositivas.
  • 6. <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> <div> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;English&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;&quot;><img alt=&quot;English&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;English&quot; height=&quot;24&quot; src=&quot;http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBORD9bI/AAAAAAAAACs/XkaLmmin4zg/s200/United+Kingdom(Great+Britain).png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;French&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;&quot;><img alt=&quot;French&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;French&quot; height=&quot;24&quot; src=&quot;http://4.bp.blogspot.com/_5jbh95HruKA/S1YVBrDZLrI/AAAAAAAAAC0/Kc6eDMT9LFI/s200/France.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;German&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;&quot;><img alt=&quot;German&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;German&quot; height=&quot;24&quot; src=&quot;http://1.bp.blogspot.com/_5jbh95HruKA/S1YVBzoFF2I/AAAAAAAAAC8/WgvMK3zP1Rk/s200/Germany.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Spain&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;&quot;><img alt=&quot;Spain&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Spain&quot; height=&quot;24&quot; src=&quot;http://3.bp.blogspot.com/_5jbh95HruKA/S1YVCdHp5VI/AAAAAAAAADE/lWHzr5znExU/s200/Spain.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a>
  • 7. <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Italian&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;&quot;><img alt=&quot;Italian&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Italian&quot; height=&quot;24&quot; src=&quot;http://4.bp.blogspot.com/_5jbh95HruKA/S1YVCskNubI/AAAAAAAAADM/ChdHC6vYT4s/s200/Italy.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Dutch&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;&quot;><img alt=&quot;Dutch&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Dutch&quot; height=&quot;24&quot; src=&quot;http://3.bp.blogspot.com/_5jbh95HruKA/S1YWRkFo9UI/AAAAAAAAADU/4AzKfc6Oyxg/s200/Netherlands.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Russian&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;&quot;><img alt=&quot;Russian&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Russian&quot; height=&quot;24&quot; src=&quot;http://4.bp.blogspot.com/_5jbh95HruKA/S1YWR-jg9pI/AAAAAAAAADc/vYZrPOzazHU/s200/Russian+Federation.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Portuguese&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;&quot;><img alt=&quot;Portuguese&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Portuguese&quot; height=&quot;24&quot; src=&quot;http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSGHcxOI/AAAAAAAAADk/ElHZBjDCZn8/s200/Brazil.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Japanese&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;&quot;><img alt=&quot;Japanese&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Japanese&quot; height=&quot;24&quot; src=&quot;http://1.bp.blogspot.com/_5jbh95HruKA/S1YWSR2_wYI/AAAAAAAAADs/GtKdPLKUluE/s200/Japan.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Korean&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;&quot;><img alt=&quot;Korean&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Korean&quot; height=&quot;24&quot; src=&quot;http://2.bp.blogspot.com/_5jbh95HruKA/S1YWSrlfMyI/AAAAAAAAAD0/_MACsRIW8wg/s200/South+Korea.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Arabic&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;&quot;><img alt=&quot;Arabic&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Arabic&quot; height=&quot;24&quot; src=&quot;http://3.bp.blogspot.com/_5jbh95HruKA/S1YWq7SrDkI/AAAAAAAAAD8/ZE8A1isEZrw/s200/Saudi+Arabia.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> <a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Chinese Simplified&quot; onclick=&quot;window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;&quot;><img alt=&quot;Chinese Simplified&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Chinese Simplified&quot; height=&quot;24&quot; src=&quot;http://1.bp.blogspot.com/_5jbh95HruKA/S1YWrMQAw9I/AAAAAAAAAEE/r-DEVtWXp50/s200/China.png&quot; style=&quot;cursor: pointer;margin-right:8px&quot; width=&quot;24&quot;/></a> </div> <div 0px 0pxâ?? style=&quot;â??font-size:10px;margin:8px&quot; 3px></div> <br/> <a href=&quot;http://www.bloggerarticle.com/&quot;><font size=&quot;1px&quot;>this widget by www.AllBlogTools.com</font></a>
  • 8. ¿Cómo cambiar el favicon? ► Paso 1: Lo primero será crear nuestro propio favicon y para no complicaros demasiado podéis optar por hacer como yo y crearlo online. En Favicon from Pics (http://www.html-kit.com/favicon/) podréis hacerlo sin ningún problema, pinchando en Examinar subís la imagen que vais a transformar en favicon desde vuestro PC, os saldrá una vista previa, incluso sale un favicon con movimiento. Descargáis el favicon a vuestro PC en formato zip, una vez descomprimido nos dará tres imágenes en distintos formatos, escogemos la que está en formato.ico. ► Paso 2: Subimos la imagen a un servidor de archivos que admita el formato .ico, como por ejemplo SkyDrive. ► Paso 3: Vamos a Plantilla -Edición HTML y buscamos el título del blog, es decir, esta parte del código: <title><data:blog.pagetitle><title> y justo antes colocamos esto: <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/x-icon'/>
  • 9. ¿Cómo usar SkyDrive? SkyDrive es un servicio de alojamiento de archivos que, entre otros tipos de archivos, nos permite alojar script en unos pocos pasos. El uso de este servicio es bastante sencillo, el mayor problema se puede presentar a la hora de localizar exactamente cual es la URL que debamos usar. [1] Una vez hemos accedido a SkyDrive mediante nuestra id de Windows Live (Hotmail, MSN, etc.) lo primero que vemos es una pantalla con algo como esto:
  • 10. [2] Pinchamos en la carpeta que vemos en primer lugar y que dice &quot; Publico &quot;. Pasaremos entonces a otra pantalla con una serie de enlaces, pinchamos en &quot; Crear carpeta &quot;: Le ponemos un nombre cualquiera a la carpeta y pasamos a una nueva pantalla donde mediante un enlace se nos invita a incluir un archivo: Pinchamos en ese enlace y agregamos el archivo que vamos a subir mediante &quot; Examinar &quot; desde nuestro PC (pueden subirse hasta cinco al mismo tiempo), pinchamos en &quot; Cargar &quot; y esperamos.
  • 11. [3] Pinchamos ahora sobre el icono del archivo (ese que parece una hoja de papel con la esquinita doblada) y en la pantalla individual del archivo, vemos el mismo icono pero a mayor tamaño : Por supuesto no tenemos en cuenta el aviso que saldrá resaltado en amarillo, ya que saldrá por defecto siempre que el archivo subido sea un script. [4] Llego el momento de obtener URL del archivo: Firefox Lo haremos pinchando sobre el icono grande con el botón derecho del ratón, y en la ventanita que se abre en &quot;Propiedades&quot; copiamos la dirección del enlace que será algo así: http://w522ka.bay.livefilestore.com/y1pem4zcAZ0A7OliKRG1Dul3RhUEHg12E69eLnuGiOcaW35wOUKj0iL7SrvowrRg52jiC1Ch76dOSs/linkprefs.js ?download Para usarla lo hacemos eliminando la parte final, el ?download que está destacado en color rojo. IExplorer Bastará con pinchar con el botón derecho y &quot; Copiar acceso directo &quot;. Para usarla también hemos de eliminar por supuesto, la parte final, el ?download.
  • 12. ¿Cómo poner las flechas? Las flechas de “IR ARRIBA” e “IR ABAJO” son muy fáciles de poner, lo explicare en unos pasos: Paso 1 : se trata de colocar un script antes de </head> . Vas a Diseño > HTML > y busca </head>. Justo antes de </head> pegas este código: <!-- Prototype y Scriptaculous--> <script src='http://www.google.com/jsapi'/> <script> google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;); google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;); </script> <!-- Prototype y Scriptaculous-->
  • 13. Guarda el cambio. Paso 2: ahora vamos a las flechitas y la posición en tu blog. Debes buscar </body>. Justo antes pega este código: <a href='#outer-wrapper' onclick='new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false'><img border='0' src=' URL de la imagen ' style='position:fixed; top:0; right:0;' title='Arriba'/></a> <a href='#footer-wrapper' onclick='new Effect.ScrollTo(&quot;footer-wrapper&quot;,{offset:-140}); return false'><img border='0' src=' URL de la imagen ' style='position:fixed; bottom:0; right:0;' title='Abajo'/></a> Remplaza “URL de la imagen” por la imagen que deseamos poner. En esta pagina hay muchos iconos que poner: http://icons.mysitemyway.com/free-icons-clipart-tagged/arrow/748/.
  • 14. ¿Cómo poner la marquesina con movimiento? Una marquesina que va y vuelve. Puede ir en la sidebar o transportarlo como elemento HTML sobre la columna de entradas o bajo la cabecera del blog. <marquee style=&quot;FONT-WEIGHT: bold; FONT-SIZE: 14pt; WIDTH: 350px; COLOR: #1e2552; FONT-FAMILY: Trebuchet MS; HEIGHT: 14px&quot; behavior=&quot;alternate&quot;><div align=&quot;center&quot;>BienVenidos</marquee></span> Puedes reemplazar la FUENTE, TAMAÑO DE LA LETRA, ANCHO (width), COLOR Y ALTURA (heigth). En el sector de TEXTO reemplacen por el que deseen.
  • 15. Webs de los Gadges y las entradas www.pageplugins.com www.bunnyherolabs.com www.webneko.net www.poqbum.com www.mixpod.com Aquí dejo algunas de las paginas que he utilizado para hacer el blog. No están todas, si quieres algo pincha dos veces sobre el y aparecerá en otra ventana la pagina con todas las variables.