miércoles, 16 de marzo de 2011

Para subir una barra de videos de youtube:


-Deber darle a diseño, que aparece en la pagina principal.


-Una vez hayas entrado en el diseño te apareceran distintas partes (cabecera, entradas blog...) y hay que darle a "añadir gadget" de uno de los multiples que te aparecen en el diseño.


-Una vez que le hayas dado a "añadir gadget" en el lugar que tú hayas elegido te aparecen distintas aplicaciones (Paginas, Estadisticas del blog, seguidores...) y tu debes darle a "barra de video", que te aparecera con este logotipo:
-Una vez entres en esa aplicacion de aparecen distintos apartados:
  • Titulo: donde debes poner el titulo que va a presentar esos videos.
  • Youtube: donde te aparecen tres opciones, que te dan a elegir entre: Videos mas vistos, videos mejor valorados y videos recientes.
  • Palabras clave: donde debes el nombre del video o videos que estas buscando.
  • Vista Previa: Donde te enseña de forma insantanea, el resultado que aparece, segun lo que pongas en "palabras clave", y que puedes ir cambiando hasta encontrar lo que buscas.

-Por ultimo, una vez hayas terminado de rellenar todos los apartados que te aparecen, le das a guardar y a vista previa para ver si se te ha subido correctamente.

Víctor Lacarra





jueves, 3 de febrero de 2011

CHISTE DEL DÍA EN TU BLOG

Con este gadget aparecerá un chiste nuevo cada día. No tienes más que entrar en DISEÑO después en EDICIÓN DE HTML y donde pone <HEAD> pegar esto:

<iframe width="165" height="160" scrolling="no" src="http://pagina-del-dia.euroresidentes.es/chiste-del-dia/gadget-chiste-del-dia.php" frameborder="0"></iframe>
Se puede cambiar de color tanto el fondo como la letra dándole a "Chiste de hoy" y se editará.
También puedes cambiar de chiste pinchando "Chiste Aleatorio".
Y si pinchas en "Chistes" te meterás en una página donde encontrarás todo tipo de chistes.
Aquí tenéis un ejemplo en esta entrada:


Inés Paja Mendivil



HOMER SIMPSON

Para poder tener a Homer S. en tu página del blog lo que tienes que hacer es: 1º debes entrar en diseño, 2º añadir un gadget, 3º cuando estas en diseño buscas HTML/Javascript y por último pegas esto: <a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://tutorialesparablogspot.com"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRG7bDTvUxXXOEMSPgu6AOoi7hbu-rZM7JmXfV1E7QN3Wca53BThixxBz9lt75ZM5hkdtBVXUe98N4Gr497cHR_ya9xNsjLdzIRfx3xKXYJT48FePhykkDzPsGTL1Teum9xFmCzeTVr7o/s1600-r/Deja+un+comentario+homero.png"/></a>



Rocío Plaza Lizarraga 1ºA

miércoles, 2 de febrero de 2011

COMO MOSTRAR LOS GADGETS SÓLO EN LA PÁGINA PRINCIPAL


Uno de los mayores problemas que presentan todos los blogs es el tiempo que tarda en cargar la página. Si bien hay gadgets que podemos eliminar para hacer la carga más ligera, hay otros gadgets que son muy necesarios para el blog y no queremos eliminarlos, así que lo que haremos será mostrarlos sólo en la página principal, o sea en la portada, y cuando el lector entre a una entrada estos desaparecerán.

Para lograr esto modificaremos el código del gadget que queramos ocultar en las entradas. En ese ejemplo usaremos el código de un gadget HTML/Javascript. Sólo hay que localizar el gadget con los artilugios expandidos y agregar lo que está en rojo.
<b:widget id='HTML1' locked='false' title='Gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Como ven, la primera parte que agregamos va justo después de
<b:includable id='main'> y la segunda parte justo antes de </b:includable>

Esto lo hacemos con cada uno de los gadgets que queremos esconder, aunque todos tienen un código distinto, sólo hay que guiarnos por lo que mencionamos anteriormente.
De esta forma todos los gadgets se mostrarán en la portada, pero en las entradas se ocultarán aquellos que hayamos modificado.

martes, 1 de febrero de 2011

COMO PONER UN MENSAJE DE BIENVENIDA CON LUCES DE NEON

Para poner este cartel en tu blog sólo entra en Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y pega lo siguiente:
<div style="background:#000; font-size:30px; text-transform: uppercase; font-weight: bolder;"><script language="JavaScript1.2">

//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//visit http://www.beta-cc.de

var message="Bienvenidos a Ciudad Blogger"
var neonbasecolor="gray" //color de la letra
var neontextcolor="yellow" //color de la luz neon
var neontextcolor2="#FFFFA8" //color del reflejo
var flashspeed=100 // velocidad en milisegundos
var flashingletters=3 // numero de letras alumbradas en neon
var flashingletters2=1 // numero de letras alumbradas con el reflejo (0 to disable)
var flashpause=0 // pausa entre cada repeticion en milisegundos

///No editar nada mas///

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor


if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></div>

Cambia lo que está en color rojo por tu mensaje de bienvenida. En las antaciones de color verde puedes ver unas variables que se pueden configurar como color del neón, velocidad, etc.
Al inicio del código en color azul podrás cambiar el color de fondo y tamaño de la letra; también puedes agregarle otros estilos si así lo deseas.

Aplicación divertida para pasar el tiempo con musica

Esta es una aplicación la cual mediante el teclado puedes tocar la guitarra.
Para poder insertar este gadgets debes entrar en diseño y acontinuación
debes darle a añadir gadgets para poder insertar la aplicación.
El gadgets tiene el nombre de: GUITAR.
Para poder tocar la guitarra no debes mas que pulsar las teclas del teclado para que suene.





                                                 Irene Roldan Diez

Efecto de arcoiris al pasar el mouse sobre los enlaces

Con un script vamos a dar un efecto de arcoiris al pasar el mouse sobre los links.
Este efecto se aplica para todos los links que tengas en el blog.

Sólo entra a Diseño > Edición de HTML y pega antes de </head> esto:
<script src='http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/rainbowlinks.js'/>
Así de fácil tendrás un efecto animado en tus links del blog. 

maria gomez de segura 1ºC

Como eliminar la barra blogger

 Para eliminar la barra blogger de tu blog personal, debes seguir los siguientes pasos:

Este es la linea de código:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
Esta es una imagen de ejemplo, para los que todavía dudan:

Dibujo10.jpg

Quedaría así:
Dibujo11.JPG
De esta manera se oculta la barra de Blogger, que en algunas plantillas molesta.

cómo crear juegos educativos en blog

Como crear juegos educativos para un blog docente

En otras entradas de este blog he comentado alguna vez sobre herramientas para la creación de juegos educactivos. De manera muy sencilla el profesor puede crear juegos y embeberlos en el blog de clase para que los alumnos los realicen. En este ocasión la herramienta se llama Propofs Brain Games y permite la creación de sopas de letras , crucigramas, puzzles diversos, ahorcado, etc.. Una vez realizados los juegos proporcionan el código correspondiente para embeberlos en el blog de clase.

Una buena manera de que los alumnos jueguen con palabras relacionadas con los temas que han trabajado en el aula o con otras categorías semánticas de interés. Además puede ser interesante, como actividad, que sean los propios alumnos lo que creen los juegos y se los intercambien para resolverlos.
By: Celestino Arteta
Educación tecnológica
Ads by Google
EduformaTIC
La intregración práctica de las TIC en el aula. Formación para docenteswww.eduformaonline.com/eduformatic
 


 
alba sanz

jueves, 27 de enero de 2011

Cómo crear más de 10 páginas en Blogger ?

Hace algún tiempo repasábamos la posibilidad relativamente reciente que nos da Blogger de agregar páginas independientes a nuestro blog.
De manera sencilla podemos entonces tener páginas diferentes a las de las entradas comunes, para contenidos de otro tipo que no aparecerán en la página de inicio.
Hay quienes utilizan estas páginas para agregar un índice, o una página de contacto, o una sección del tipo "Quienes somos...", entre casi infinitas posibilidades de acuerdo a las necesidades de cada sitio.

Pero ocurre que aunque Blogger nos permite agregar estas páginas, nos limita la cantidad, poniendo un tope de 10 páginas como máximo por blog.
Pero puede ocurrir que por alguna razón necesitemos tener más de diez páginas.
Se puede eludir el tope de 10 páginas como máximo ?
Sí, se puede, hay un método bastante sencillo y que no implica tener que andar tocando el código de la plantilla.

Veámoslo en detalle:

1.- supongamos que ya tenemos creadas las primeras 10 páginas, ya que para eso no hay truco, se crean normalmente utilizando el botón de "Página nueva".
Lo que deseamos es crear ahora la página número 11.


2.- elegimos una de las diez páginas ya creadas, y le damos click al link de "Editar".
Para este ejemplo seleccionaré la primera página, que lleva por título "e-nomad 01", aunque puede hacerse con cualquiera, no necesariamente la primera.

3.- Una vez dentro de la página de edición, tomamos nota de la url de dicha página.
Esto es importante porque si no recordamos esta URL perderemos la página definitivamente.
Lo ideal sería copiar y pegar en un archivo esta URL mientras no finalizamos todos los pasos, para poder disponer de él luego, ya que lo precisaremos más adelante.


4.- Una vez que copiamos la url salimos del modo de edición, volvemos a la sección "Editar páginas", y eliminamos esta página.
Siguiendo con el ejemplo, la página a eliminar es "e-nomad 01".

5.- Con la página eliminada volvemos a tener 9 páginas creadas, por lo que vuelve a aparecer el botón de "Página nueva".
Le damos click para crear nuestra página número 11.


6.- Creamos nuestra página 11, en este caso para seguir con el ejemplo la he titulado "e-nomad 11".
Es importante una vez creada la nueva página guardarla, dándole al botón de publicar.

Tendremos así 10 páginas, en este ejemplo numeradas del 2 al 11, es momento de recuperar la página que borramos para tener las 11 páginas.

7.- Abrimos una nueva pestaña en el navegador, y allí pegamos la URL que teníamos copiada del paso 3.
Aparecerá entonces la edición de la página que habíamos eliminado.
Guardamos nuevamente entonces esta página, dándole al botón de "Publicar página".
Tendremos así 11 páginas creadas.



Repetiremos el proceso tantas veces como páginas sean necesarias.
Si queremos 12 entonces deberemos eliminar 2 páginas de las 10 iniciales tomando nota de sus URLs para poder luego recuperarlas.

Este método es posible debido a que en realidad Blogger no elimina las páginas que borramos, por lo que más tarde podemos volver a ellas si conservamos la URL.
Quizás en algún momento esas páginas sean efectivamente eliminadas y nos ocasione algún problema porque se pierdan, aunque en varias semanas desde que lo he probado las páginas siguen allí.
Quizás en algún momento Blogger decida aumentar o eliminar ese límite de 10 páginas, y estas cosas ya no sean más necesarias.

Mientras ello no ocurra tendremos que conformarnos con 10 páginas independientes, o dedicar unos minutos extra a evadir ese tope con este método.

RICHARD ROJAS

TRADUCTOR PARA TU BLOG

Para instalar un traductor con 52 idiomas en tu blog debes de seguir estos pasos:
1. Accedes a tu blog.
2. Diseño- elementos de página.
3. Añadir un gadget.
4. Eliges la opción de HTML/ Javascript.
5. Por último,copias el código que aparece a continuación:

<!-- Begin TranslateThis Button -->

<div id="translate-this">
<a href="http://translateth.is/" class="translate-this-button">Translate</a></div>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">
TranslateThis();
</script>

<!-- End TranslateThis Button -->

MARÍA SALVATIERRA

miércoles, 26 de enero de 2011

COMO HACER UN PRESENTACIÓN EN PICASA Y SUBIRLO A TU BLOG

COMO HACER UN PRESENTACIÓN EN PICASA Y SUBIRLO A TU BLOG

1. PRIMERO en goglee ponemos picasa y clic en la web: http://picasaweb.google.com/home, con tu cuenta GMAIL podrás hacer álbumes y presentaciones con fotos o imágenes.

2. Tendrás que SUBIR fotos en la pestaña

CREAR UN NUEVO ÁLBUM CLICK EN crear uno nuevo

Poner un nombre a tu álbum

3. Y CLICK EN CONTINUAR

Clic en cima del album que aparecera en
FOTOS

Subir las fotos deseadas dentro del álbum

4. No os asustéis sale esto

Aparecerá una barra en la parte superior clic en ella e instalar

5.Instalar
Espero que os salga algo así

Subir las fotos deseadas

6. Para hacer la presentación y subirlo a blog importante:

7. Enlazar el álbum, INCRUSTAR PROYECCION

1. Selecciona la configuración de la presentación de diapositivas, como el tamaño de la imagen, los títulos y la reproducción automática.
2. A continuación, copia el código HTML resultante (Ctrl+C).
3. Pega el código HTML en el código fuente de tu sitio (Ctrl+V).
SELECCIONA LAEL PRIMER Y SEGUNDO CUADRADO COPIAR LO AMARILLO

PEGAR EN BLOG
8. Publicar entrada y VER BLOG


9. Y esto es todo espero que os salga. Suerte.


Posdata recuerda que se puede poner fotos de tus amigos, familia y lo que queráis. Un saludo:
Natalia Fernandez

martes, 25 de enero de 2011

Cómo dar la bienvenida a tu blog y ganar dinero con solo un click de tus visitantes.

DAR LA BIENVENIDA

 En primer lugar, entrais a vuestro blog, y vais a DISEÑO.A continuación, haces click sobre "añadir un gadget".Después, en la pestaña " Lo básico", clickeais en TEXTO.Luego, escribís un título, unas palabras para vuestros visitantes, y así podéis darles la bienvenida.

GANAR DINERO

También, podéis ganar dinero al añadir publicidad en vuestro blog.Lo único que tenéis que hacer es:
Al entrar en vuestro blog, vais a DISEÑO.clickeais sobre AÑADIR UN GADGET, y en la pestaña "Lo básico" clickeais sobre " AdSense" .Después de esto, necesitas una cuenta de AdSense, por tanto, tienes que ir a la pestaña MONETIZAR de tu blog.Ahí lo configuras, y ya puedes empezar a ganar dinero.
Cada vez que un visitante haga click en el anuncio, ganas dinero.

MAITE MEJAIL MOLINA

P.D: no sabía como colgar una entrada con imágenes , así que  la colgué sin ellas.

domingo, 23 de enero de 2011

                           Como enlazar con un blog                                                                                                                                                                              Para poner el enlace en nuestro blog lo haremos de la siguiente manera:

1. En primer lugar nos iremos al panel de nuestro blog, seleccionaremos la pestaña “Diseño” y la subpestaña “Elementos de página”.
2. A continuación, en la pestaña de la izquierda pulsaremos “Añadir nuevo elemento de página”, o “añadir gadget” si usamos la versión draft de blogger.
3. Posteriormente seleccionaremos la opción “HTML/JavaScript”.
4. Ponemos un titulo como enlaces, o el que deseemos.
5. Introducimos el código HTML que acabamos de copiar.
Si queremos que el texto aparezca centrado, podemos insertar las etiquetas<center> y </center>, en el comienzo y el final del código.
A continuación de este enlace sería posible introducir códigos de otras páginas como la que acabas de introducir

Joel Carrión

sábado, 22 de enero de 2011

como poner mascotas animadas en blog

entras en diseño de blog, añadir gadget y en el buscador de gadgets buscas pet, y eliges la que mas te guste, yo tengo puesto un mono y peces que animan mucho el blog. te iba a poner imagenes pero no podia, no me dejaba

borja maestresalas

viernes, 21 de enero de 2011

Como eliminar la barra Blogger

1. Eliminar la navbar o barra Blogger.

navbar-blogger

Aunque esta barra puede tener algunos atajos para manejar nuestro blog, su valor es poco o nulo para el lector, ocupa espacio extra y es poco estética. Eliminarla es sumamente sencillo, solo hay dirigirse a Diseño/Edición HTML y buscar el siguiente código:

]]>

Y justo antes pegar lo siguiente:

#navbar-iframe { height:0px; display:none; visibility:hidden; }
COMO PONER JUEGOS EN TU BLOG


El primer paso para poder poner un juego en el blog es meterte al blog. Una vez dentro le tienes que pinchar a "diseño", cuando estas ahí, pinchas en cualquier sitio donde ponga agregar un gadgest.
A continuación, a la izquierda de la pantalla que se te abre al pinchar en gadgest te sale una serie de opciones, y tienes que pinchar en más gadgest. Te metes ahí y buscas los juegos. Aquí encontras montón de juegos para poner en tu blog. Yo he puesto el juego que se llama fish.


Paula Zúñiga.

*Como poner emoticonos en comentarios de blogger*



Aquí les traigo un script que permite introducir emoticonos en los comentarios de blogger. Antes de nada quiero comentaros que para que el script funcione correctamente, deberemos tener los comentarios incrustados en el post.

¿Cómo funciona?

Se trata de un script que recibe todo el texto de nuestro comentario, busca una serie de caracteres y lo sustituye por la imágen que está asignada. También añadiremos una leyenda en la parte superior justo antes de la caja donde escribiremos el comentario, para que nuestros visitantes sepan en todo momento coo poner el emoticon que deseen.

¿Cómo añadirlo en nuestro blog?

Lo primero que debemos hacer es añadir justo antes de la etiqueta </body> el siguiente código:


<b:if cond='data:blog.pageType == "item"'>
<script src='http://agudovk.googlepages.com/Emoticonos.js' type='text/javascript'/>
<script type='text/javascript'>
emoticonComentario();
</script>
</b:if>


De está manera hemos añadimos el script que sustituira los caracteres por emoticonos. El siguiente paso será colocar la leyenda, para ello buscamos la etiqueta<iframe allowtransparency='true' y justo encima pegamos el siguiente código html:


<table width='400px'>
<tr>
<td colspan='10'>Emoticonos en blogger</td>
<td colspan='3'><a href='http://ayudaparamiweb.com'><img src='http://agudovk.googlepages.com/ayudaweb.png' style='border:0;'/></a></td>
</tr>
<tr>
<td><img src='http://agudovk.googlepages.com/com-smile.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-cry.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-sad.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-tongue.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-lol.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-oops.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-blink.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-neutral.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-secreto.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-sorpresa1.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-sorpresa2.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-mad.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-confuso.gif'/></td>
</tr>
<tr>
<td>:)</td>
<td>:'(</td>
<td>:(</td>
<td>:P</td>
<td>:D</td>
<td>:$</td>
<td>;)</td>
<td>:-I</td>
<td>:-X</td>
<td>:o</td>
<td>:O</td>
<td>O</td>
<td>:/</td>
</tr>
</table>
 DA VIDA A TU BLOG! =)

Mi intención cuando quise poner nuevas cosas en mi blog fue crear un power point de imágenes de artistas y después subirlo. Me encontré con el problema de que eso específicamente no podía hacerlo, por lo que busqué y encontré lo siguiente: un marco de fotografías donde estas se iban reproduciendo sin para , para darle un toque animado al blog. Los pasos para realizar el marco son los siguientes:

1. En primer lugar en la barra de direcciones ponemos en Internet la siguiente dirección:




2. Para poder hacer la presentación tenemos primero que registrarnos, donde solo tendremos que poner nuestro nombre como usuario, nuestro correo y contraseña.



3. Una vez hecha nuestra cuenta, nos aparecerá nuestra página en Slide donde podemos poner si queremos una foto de perfil.






4. Slide presenta otras más opciones para animar tu blog, pero para hacer una presentación deberemos clicar en el icono situado en la parte superior derecha como el siguiente:





5. Ya estaremos en nuestra área de trabajo, donde pone los pasos aseguir en la parte superior.





6. Tenemos que centrarnos en el cuadro de color naranja que aparece en la parte inferior de la página. Aquí se nos permite subir fotos desde diversos espacios, tanto Tuenti, Facebook, nuestros documentos….





7. Le daremos a “ Buscar” seleccionando el sitio desde donde queremos subir las fotos. Para la explicación yo voy a utilizar “Mis documentos”.





8. Allí seleccionaremos todas nuestras fotos deseadas y se irán cargando poco a poco en “Slide”.





9. Yo para este ejemplo, he escogido carteleras de películas.


10. En la parte inferior del recuadro naranja, aparecerán todas nuestras fotos cargadas.





11. Slide nos permite incluir efectos en nuestra presentación, así como formas, colores, marcos, el movimiento de transición de nuestras fotos… Todo ello a gusto de cada uno.




 12. Una vez decorado nuestra presentación le damos a “Guardar (obtener código)” en un icono en la parte inferior de la pantalla.




 13. En la siguiente página, ponemos nombre a nuestra presentación y elegimos un fondo. Y guardamos de nuevo.




 14. Por último, en la nueva página copiamos el código que nos dan y lo copiamos directamente en el blog como una entrada más. Eso sí en el apartado de la entrada de “Edición HTML” NO “Redactar”. Porque sino no nos leerá el código.






 Aquí os dejo el ejemplo de las carteleras de pelis que he escogido






MARCOS DOMAICA MARDARAS 1º A

PONGO 2 TRUCOS POR SI HAY ALGUNO REPETIDO. EL PRIMERO ES PARA PONER EMOTICONOS EN LOS COMENTARIOS Y EL SEGUNDO PARA ESCRIBIR LA PRIMERA LETRA MAS GRANDE QUE LAS DEMAS.

COMO PONER EMOTICONOS EN LOS COMENTARIOS:

Aquí les traigo un script que permite introducir emoticonos en los comentarios de blogger. Antes de nada quiero comentaros que para que el script funcione correctamente, deberemos tener los comentarios incrustados en el post.

¿Cómo funciona?

Se trata de un script que recibe todo el texto de nuestro comentario, busca una serie de caracteres y lo sustituye por la imágen que está asignada. También añadiremos una leyenda en la parte superior justo antes de la caja donde escribiremos el comentario, para que nuestros visitantes sepan en todo momento coo poner el emoticon que deseen.

¿Cómo añadirlo en nuestro blog?

Lo primero que debemos hacer es añadir justo antes de la etiqueta </body> el siguiente código:

<b:if cond='data:blog.pageType == "item"'>
<script src='http://agudovk.googlepages.com/Emoticonos.js' type='text/javascript'/>
<script type='text/javascript'>
emoticonComentario();
</script>
</b:if>


De está manera hemos añadimos el script que sustituira los caracteres por emoticonos. El siguiente paso será colocar la leyenda, para ello buscamos la etiqueta <iframe allowtransparency='true' y justo encima pegamos el siguiente código html:

<table width='400px'>
<tr>
<td colspan='10'>Emoticonos en blogger</td>
<td colspan='3'><a href='http://ayudaparamiweb.com'><img src='http://agudovk.googlepages.com/ayudaweb.png' style='border:0;'/></a></td>
</tr>
<tr>
<td><img src='http://agudovk.googlepages.com/com-smile.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-cry.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-sad.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-tongue.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-lol.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-oops.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-blink.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-neutral.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-secreto.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-sorpresa1.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-sorpresa2.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-mad.gif'/></td>
<td><img src='http://agudovk.googlepages.com/com-confuso.gif'/></td>
</tr>
<tr>
<td>:)</td>
<td>:'(</td>
<td>:(</td>
<td>:P</td>
<td>:D</td>
<td>:$</td>
<td>;)</td>
<td>:-I</td>
<td>:-X</td>
<td>:o</td>
<td>:O</td>
<td>O</td>
<td>:/</td>
</tr>
</table>

Pues ya está, a partir de ahora vuestros comentarios disfrutarán de graciosos emoticonos que animarán un poco más vuestro blog.

COMO PONER LA PRIMERA LETRA MAS GRANDE:
Os pongo este truco este truco mas comunmente llamado Drop Caps pero algunos no saben ese nombre por eso le pongo letra capital, este truco consiste en hacer la primera letra mas grande que las otras, este truco es muy sencillo y lo explicare:

1.- En tu HTML, pega el siguiente codigo antes de ]]></b:skin>.:


2.- Cada que quieras aparecer el Drop Caps pega el siguiente codigo en la entrada:

<span class="dropcaps">D</span>

Remplaza la D por la letra que quiereas y listo :) .

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

como pner un contador de visitas

Es muy sencillo añadir las estadísticas de tu Blogger, esta aplicación te muestra las visitas que vas teniendo acompañado de un grafico

Para añadir las estadisticas hay que seguir estos pasos:

1 Metete en tu blogg y accede a el, una vez que hayas puesto tu cuenta de gamail y tu contraseña, le das a Diseño


2 Cuando estes donde la imagen de diseño le pinchas y luego le das a Añadir un gadget
3 Una vez que le hayas dado a Añadir un gadget te aparecera  una ventana con diferentes aplicaciones
4 Bajas hasta encontrar en la que pone Actualidad, entonces le das a añadir y luego le pinhas a guardar

FIN by iñigo diaz

Como añadir una presentación a tu blog

Para poner una presentacion en tu blog lo que tienes que hacer es:

  • Primero accede a tu blog, y en el pincha en diseño y te aparecera esta pagina

 
  • A continuacion, pinchas en donde pone añadir un gadget, y hay te apareceran varias opciones, pero deber elegir una
  • Una vez que pinchasa en presentació te aparecera una ventana en la que tienes dos opciones,palabra clave y album, en la que yo he elegido palabra clave. Despues de esto eliges la velocidad,el titulo, la fuente...


  • Cuando ya hayas acabado dale a guardar y ya podras verlo en tu propio blog.

MARIA GALDIANO

como subir videos el bolgg

Hay dos formas de subir videos a nuestro blog, una de ellas es usando el servidor de Blogger y otra es insertando el código HTML/Javascript del video alojado en otro sitio, explicaré los dos.

Usando el código HTML/Javascript

Primero vamos a donde está el video alojado, por ejemplo YouTube. En el lado derecho del video veremos dos opciones, URL e INSERTAR.
Copiamos el código que está en INSERTAR. Podemos elegir más opciones como poner un marco, cambiar el tamaño del video o poner videos relacionados. Estas opciones adicionales están presionando el ícono azul que está junto al código que vamos a copiar.

Ahora vamos a Diseño->Elementos de la página y Agregar un gadget.


Añadir Gadget
Elegimos HTML/Javascript del menú de Gadgets que nos aparecen

Opciones de gadgets


Ahora pegamos el código que copiamos de YouTube ¡y listo!


Usando el servidor de Blogger

En esta modalidad es importante que sepan que el video sólo será mostrado en un post que publiquen.
Lo primero es crear una entrada, para ello vamos a Escritorio->Nueva entrada. Nos aseguramos que estamos en la modalidad de Redactar y veremos una barra de herramientas con opciones de formato de texto, alineación de texto, añadir imagen y añadir video. Elegimos Añadir video.

Añadir video en postAhora examinamos en nuestro equipo la ubicación donde tenemos el video, agregamos un título, aceptamos los Términos y condiciones y presionamos Subir video.

Añadir video en post
Y eso es todo, el tiempo que tardará en subir el video al servidor de Blogger dependerá del tamaño del video y de la velocidad de Internet que tengan.

NOTA: Si quieren usar un video de YouTube en un post hacen lo mismo que al inicio, copian el código de YouTube (o donde tengan el video) y pegan el código en el post.

Poner mensajes en entradas con más de 200 comentarios

Quienes tienen entradas con más de 200 comentarios sabrán que no se muestran todos los comentarios en la misma página, sino que Blogger divide los comentarios en páginas por bloques de 200 en 200.
¿Y cómo sabe el lector si está viendo el total de comentarios? Pues Blogger añade de forma automática unos pequeños enlaces al inicio y al final de los comentarios, pero estos enlaces son tan pequeños que la mayoría de las veces pasan desapercibidos por los lectores y cuando el lector regresa a la entrada para ver si hay una respuesta a su comentario no ve todos los comentarios, sino el último que es el #200.

comentarios blogger

Lo que haremos será poner un mensaje al final de los comentarios para que el lector pueda saber que hay más comentarios y pueda encontrar el resto de ellos.

comentarios blogger

Este mensaje sólo aparecerá en las entradas con más de 200 comentarios, en el resto de las entradas que tengan menos comentarios no será visible.

El procedimiento es sencillo, sólo entra en Diseño | Edición de HTML marca la casilla Expandir plantillas de artilugios y antes de ]]></b:skin> pega lo siguiente:
.paging-control-container p {
color: #2E2E2E;
font-size: 18px;
font-family: Georgia, Times New Roman;
font-weight: normal;
text-align: center;
margin: 0 0 20px;
padding: 10px 0 0;
}

Ahora busca este código:
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

IMPORTANTE, hay dos códigos iguales a ese, el que debes localizar es el que se encuentra arriba de esta etiqueta:
<p class='comment-footer'>

Ya que lo has encontrado agrega lo que está en color rojo:
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<p>Esta entrada tiene más de 200 comentarios, usa los links de abajo para ver el resto de los comentarios</p>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

Ese es el texto que aparecerá en las entradas con más de 200 comentarios, puedes cambiarlo por cualquier otro texto o una imagen si así lo deseas.
El primer código que pegamos son los estilos de ese texto, ahí puedes modificar el tamaño de la letra, el color, etc.

Después veremos cómo personalizar esos enlaces, por hoy, es todo.
 
Maria Marin 1ºC