Blog
Upcoming SlideShare
Loading in...5
×
 

Blog

on

  • 1,102 views

 

Statistics

Views

Total Views
1,102
Slideshare-icon Views on SlideShare
1,036
Embed Views
66

Actions

Likes
0
Downloads
3
Comments
0

3 Embeds 66

http://mouse-cucutras.blogspot.com 38
http://www.mouse-cucutras.blogspot.com 16
http://mouse-cucutras.blogspot.com.es 12

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Blog Blog Presentation Transcript

    • ¿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(&quot;post-&quot; + data:post.id + &quot;&quot;);&quot;'>SIGA LEYENDO</a></p> </span> <span id='hidelink' style='display:none'> <p><a href='javascript:void(0);' expr:onclick='&quot;javascript:hideFull(&quot;post-&quot; + data:post.id + &quot;&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.