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