SlideShare una empresa de Scribd logo
1 de 10
Ayuda en el blog
1.Entradas En   las entradas podéis poner lo que  queráis: fotos, videos, imágenes, hipervínculos...En este último caso conviene que esté claro a donde te dirigen. Respecto a las imágenes, en Blogger aparecen encuadradas con una línea  que puede no quedar bien. Para quitarla, hay que ir a la plantilla y modificar esto: .post img { border: 1 px ;  =>   si sustituyes el 1 por 0 no aparecerá. Si lo que  quieres es hacerlo más grueso, es cuestión de  poner un número mayor. Aunque no soy ningún as de la informática, puedo daros pistas sobre lo que he aplicado yo en  mi  blog .
También podemos cambiar el color (con # + el código hexadecimal) o el estilo (dotted-puntos, dashed-rayitas), pero es mejor saber un poco de códigos HTML. Siguiendo con las imágenes, Blogger las sube de forma que haciendo click las puedes ver a tamaño real, pero en la misma ventana. Para que aparezcan en otra hay que añadir  target=“_blank ” en el hipervínculo de la imagen (también vale para cualquier otro hipervínculo): <a href=&quot;http://bp3.blogger.com/_soijfnLxmGk/R34824H0FmI/AAAAAAAAAKE/H4zcXacWaVo/s1600-h/Dibujo+Billie+Joe.gif&quot;   target=&quot;_blank” >   =>  Este es el hipervínculo de la imagen.
Os recomiendo (aunque esto es pura opinión) que si escribís una entrada muy larga intercaléis alguna imagen que tenga que ver para que la lectura no sea pesada, y que cambiéis la posición, no siempre al mismo lado. Y si sólo colgáis una imagen añadid algo de texto. También que reviséis lo escrito antes de publicar, para ver si hay faltas o erratas y que no escribáis como en el Messenger, porque algunas personas pueden pensar que lo que habéis escrito no es serio o no es interesante y pasar de largo.
2.Recursos Reproductor de música: Yo recomiendo  Ivoon  y  Deezer , por ser más fáciles de usar. Pero tienen dos fallos: en el primero el diseño es muy bueno, pero hay poca variedad; y en el segundo hay mucha variedad pero el nuevo diseño (creo yo) deja que desear, ya que no hay un listado con tus canciones. Ahora yo uso el de esta página  http://www.playlist.com Vas a  Sing in  y te registras. Después vas a  My account  y desde allí a  Search for music  y escribes el nombre de la canción, del artista o de ambos. Aparecerá un listado de enlaces (la música es de distintas webs de Internet), antes de hacer click en el  más  para añadir la canción, escúchala. Para la sidebar o para donde quieras.
En  Delete/ rearrange music on a Playlist  (My account) puedes borrar y ordenar tus canciones. Y ahora lo más difícil: el código. En  My account , pinchas en  Add to MySpace or facebook , luego eliges la primera opción y después la  E . Eliges tu Playlist y la configuras. Si dejas el  AutoStart  en &quot;Yes&quot; la música se reproducirá automaticamente al entrar en tu blog. Random/Shuffle  en &quot;YES&quot; es para Reproducir las Canciones aleatoriamente, es decir, al azar. El resultado es un reproductor un poco grande, pero lo puedes modificar en estas líneas: <embed style=&quot;width:  220 px; visibility: visible; height:  240 px;&quot; config_black.xml&mywidth= 220 &myheight= 240
Voilà! Este es un tamaño adecuado para la sidebar (aunque depende como se abra esta presentación se verá más o menos grande). Se me olvidaba: hay que borrar desde <BR> hasta </div> (sin borrar estos) pues corresponde a unos botones que se ven mal.
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Horóscopo (lo puedes poner junto a tu perfil): En  http://horoscopo.euroresidentes.es/ Cbox  es una “cajita” donde os pueden escribir comentarios, basta con registrarse y elegir una. Para cambiar el cursor, hay muchas páginas, una de ellas es  http://www.htmate2.com . Pincháis en  cursors , elegís el que más os guste y escribís el código en la sidebar(no aparece ahí, pero el cursor sí que cambia).
En HTML a cada color le corresponde un código. En esta página tienes todos los colores: http://www.webtaller.com/utilidades/csscoder/colores.php Blogger nos lo pone fácil para elegir los colores y la fuente en las entradas, pero para escribir en HTML nos lo tenemos que currar nosotros. Para  indicar el tamaño, la fuente y el color de un texto escribimos esto: <font size= 2  face= arial  color= #dddddd >Aquí iría el texto</font>  =>  solo tienes que cambiar lo que está en rojo. 3.Fuentes y colores
Más códigos: Marquesinas: <marquee> el texto (o la imagen) va pasando a lo ancho de la página </marquee> <B> negrita </b>  <i> cursiva </i>  <u> subrayado </u> <br> => salto de línea, como cuando pulsas enter Cambiar el color de fondo del blog es fácil pero, ¿poner una imagen de fondo? Hay que cambiar esta parte de la plantilla: Body { Background: #CCCCCC   => este es el color de fondo  Por background-image: url(entre estos paréntesis va la dirección de tu imagen, que puedes subir en  Snipshot ); background-attachment : fixed;  => con esto la imagen no se mueve aunque bajes por la página. Si no quieres sólo bórralo.

Más contenido relacionado

La actualidad más candente (20)

Netlog manual
Netlog manualNetlog manual
Netlog manual
 
Práctica de laboratorio numero 1
Práctica de laboratorio numero 1Práctica de laboratorio numero 1
Práctica de laboratorio numero 1
 
Formulario de html 5
Formulario de html 5Formulario de html 5
Formulario de html 5
 
Andrea inforatica ! =) impress
Andrea inforatica ! =) impressAndrea inforatica ! =) impress
Andrea inforatica ! =) impress
 
Power point el weno
Power point el wenoPower point el weno
Power point el weno
 
Manual
Manual Manual
Manual
 
Andrea inforatica ! =) impress
Andrea inforatica ! =) impressAndrea inforatica ! =) impress
Andrea inforatica ! =) impress
 
Trabajo de jenifer
Trabajo de jeniferTrabajo de jenifer
Trabajo de jenifer
 
Blog
BlogBlog
Blog
 
Animaciones flash
Animaciones flashAnimaciones flash
Animaciones flash
 
Screencast o-matic
Screencast o-maticScreencast o-matic
Screencast o-matic
 
Codigos HTML Lenguaje IV
Codigos HTML Lenguaje IVCodigos HTML Lenguaje IV
Codigos HTML Lenguaje IV
 
Entrada Con Imagen Texto E Hipervinculo
Entrada Con Imagen Texto E HipervinculoEntrada Con Imagen Texto E Hipervinculo
Entrada Con Imagen Texto E Hipervinculo
 
Presentación1 clase
Presentación1 clasePresentación1 clase
Presentación1 clase
 
Presentación1 clase
Presentación1 clasePresentación1 clase
Presentación1 clase
 
Informatica
InformaticaInformatica
Informatica
 
Blogss sergio
Blogss sergioBlogss sergio
Blogss sergio
 
Como crear un blog
Como crear un blogComo crear un blog
Como crear un blog
 
Manual Gag!
Manual Gag!Manual Gag!
Manual Gag!
 
Cómo empezar en TCBTE
Cómo empezar en TCBTECómo empezar en TCBTE
Cómo empezar en TCBTE
 

Destacado

Izaki bizidunak ismael-2
Izaki bizidunak ismael-2Izaki bizidunak ismael-2
Izaki bizidunak ismael-2
fhilip
 
Quiero Tu Sonrisaro
Quiero Tu SonrisaroQuiero Tu Sonrisaro
Quiero Tu Sonrisaro
guest27b568
 
Rio bravo historia
Rio bravo historiaRio bravo historia
Rio bravo historia
adannavarro
 
Az élettől Amit Akarok
Az élettől Amit AkarokAz élettől Amit Akarok
Az élettől Amit Akarok
Gabor Szabo
 
Risa Tucker Resume
Risa Tucker ResumeRisa Tucker Resume
Risa Tucker Resume
RisaTucker
 
Curso adm 539 balance scorecard
Curso adm 539   balance scorecardCurso adm 539   balance scorecard
Curso adm 539 balance scorecard
Procasecapacita
 

Destacado (20)

AYC Prodigy 07
AYC Prodigy 07AYC Prodigy 07
AYC Prodigy 07
 
Npc force weekly 31 jan 4 feb
Npc force weekly 31 jan   4 febNpc force weekly 31 jan   4 feb
Npc force weekly 31 jan 4 feb
 
Izaki bizidunak ismael-2
Izaki bizidunak ismael-2Izaki bizidunak ismael-2
Izaki bizidunak ismael-2
 
Proyecto extraescolar m.a.f.
Proyecto extraescolar m.a.f.Proyecto extraescolar m.a.f.
Proyecto extraescolar m.a.f.
 
Quiero Tu Sonrisaro
Quiero Tu SonrisaroQuiero Tu Sonrisaro
Quiero Tu Sonrisaro
 
Vos habitudes nous intéressent
Vos habitudes nous intéressentVos habitudes nous intéressent
Vos habitudes nous intéressent
 
Volantino api
Volantino apiVolantino api
Volantino api
 
Rio bravo historia
Rio bravo historiaRio bravo historia
Rio bravo historia
 
Current Summary Biography
Current Summary BiographyCurrent Summary Biography
Current Summary Biography
 
June 10x
June 10xJune 10x
June 10x
 
Proyecto educacionsexual
Proyecto educacionsexualProyecto educacionsexual
Proyecto educacionsexual
 
Luis "Dientes Locos" Suárez y los memes sobre su suspensión
Luis "Dientes Locos" Suárez y los memes sobre su suspensiónLuis "Dientes Locos" Suárez y los memes sobre su suspensión
Luis "Dientes Locos" Suárez y los memes sobre su suspensión
 
Az élettől Amit Akarok
Az élettől Amit AkarokAz élettől Amit Akarok
Az élettől Amit Akarok
 
Risa Tucker Resume
Risa Tucker ResumeRisa Tucker Resume
Risa Tucker Resume
 
Ix%20 Campeonato%20 De%20 Espana%20 Estadar%202005
Ix%20 Campeonato%20 De%20 Espana%20 Estadar%202005Ix%20 Campeonato%20 De%20 Espana%20 Estadar%202005
Ix%20 Campeonato%20 De%20 Espana%20 Estadar%202005
 
Greek death
Greek deathGreek death
Greek death
 
Curso COE: alianzas de la Biblioteca de la Universidad de Sevilla para la for...
Curso COE: alianzas de la Biblioteca de la Universidad de Sevilla para la for...Curso COE: alianzas de la Biblioteca de la Universidad de Sevilla para la for...
Curso COE: alianzas de la Biblioteca de la Universidad de Sevilla para la for...
 
Curso adm 539 balance scorecard
Curso adm 539   balance scorecardCurso adm 539   balance scorecard
Curso adm 539 balance scorecard
 
AxelsenBachlor
AxelsenBachlorAxelsenBachlor
AxelsenBachlor
 
Izborijada
IzborijadaIzborijada
Izborijada
 

Similar a Ayuda para el blog

Massss informatica
Massss informaticaMassss informatica
Massss informatica
KarenRostand
 
Trabajo practico dos ASTRID Y BUBI
Trabajo practico dos ASTRID Y BUBITrabajo practico dos ASTRID Y BUBI
Trabajo practico dos ASTRID Y BUBI
agustinafarias
 
Trucos para Blogger
Trucos para BloggerTrucos para Blogger
Trucos para Blogger
carvaaaaa
 
Trabajo practico n° 2
Trabajo practico n° 2Trabajo practico n° 2
Trabajo practico n° 2
Aiileen
 
Pasos a seguir para realizar un blog
Pasos a seguir para realizar un blogPasos a seguir para realizar un blog
Pasos a seguir para realizar un blog
Juanan54
 
Introducción a NVU
Introducción a NVUIntroducción a NVU
Introducción a NVU
restauracio
 

Similar a Ayuda para el blog (20)

Empecemos a publicar en nuestro blog
Empecemos a publicar en nuestro blogEmpecemos a publicar en nuestro blog
Empecemos a publicar en nuestro blog
 
Massss informatica
Massss informaticaMassss informatica
Massss informatica
 
Manual de word
Manual de wordManual de word
Manual de word
 
Tp 3 info
Tp 3 infoTp 3 info
Tp 3 info
 
El blog
El blogEl blog
El blog
 
Como crear un blog
Como crear un blogComo crear un blog
Como crear un blog
 
Trabajo practico dos ASTRID Y BUBI
Trabajo practico dos ASTRID Y BUBITrabajo practico dos ASTRID Y BUBI
Trabajo practico dos ASTRID Y BUBI
 
Trucos para Blogger
Trucos para BloggerTrucos para Blogger
Trucos para Blogger
 
Trabajo practico n° 2
Trabajo practico n° 2Trabajo practico n° 2
Trabajo practico n° 2
 
Tp 3 info
Tp 3 infoTp 3 info
Tp 3 info
 
Trabajo practico nº 2
Trabajo practico nº 2Trabajo practico nº 2
Trabajo practico nº 2
 
Pasos a seguir para realizar un blog
Pasos a seguir para realizar un blogPasos a seguir para realizar un blog
Pasos a seguir para realizar un blog
 
Manual de microsoft_word
Manual de microsoft_wordManual de microsoft_word
Manual de microsoft_word
 
Manual de microsoft_word
Manual de microsoft_wordManual de microsoft_word
Manual de microsoft_word
 
Manual Cuadro Google Reader
Manual Cuadro Google ReaderManual Cuadro Google Reader
Manual Cuadro Google Reader
 
Introducción a NVU
Introducción a NVUIntroducción a NVU
Introducción a NVU
 
Elaboración de un blog parte 2
Elaboración de un blog parte 2Elaboración de un blog parte 2
Elaboración de un blog parte 2
 
Tutorial de microsoft word
Tutorial de microsoft wordTutorial de microsoft word
Tutorial de microsoft word
 
Como crear un blog
Como crear un blogComo crear un blog
Como crear un blog
 
Como Hacer Un Blog
Como Hacer Un BlogComo Hacer Un Blog
Como Hacer Un Blog
 

Ayuda para el blog

  • 1. Ayuda en el blog
  • 2. 1.Entradas En las entradas podéis poner lo que queráis: fotos, videos, imágenes, hipervínculos...En este último caso conviene que esté claro a donde te dirigen. Respecto a las imágenes, en Blogger aparecen encuadradas con una línea que puede no quedar bien. Para quitarla, hay que ir a la plantilla y modificar esto: .post img { border: 1 px ; => si sustituyes el 1 por 0 no aparecerá. Si lo que quieres es hacerlo más grueso, es cuestión de poner un número mayor. Aunque no soy ningún as de la informática, puedo daros pistas sobre lo que he aplicado yo en mi blog .
  • 3. También podemos cambiar el color (con # + el código hexadecimal) o el estilo (dotted-puntos, dashed-rayitas), pero es mejor saber un poco de códigos HTML. Siguiendo con las imágenes, Blogger las sube de forma que haciendo click las puedes ver a tamaño real, pero en la misma ventana. Para que aparezcan en otra hay que añadir target=“_blank ” en el hipervínculo de la imagen (también vale para cualquier otro hipervínculo): <a href=&quot;http://bp3.blogger.com/_soijfnLxmGk/R34824H0FmI/AAAAAAAAAKE/H4zcXacWaVo/s1600-h/Dibujo+Billie+Joe.gif&quot; target=&quot;_blank” > => Este es el hipervínculo de la imagen.
  • 4. Os recomiendo (aunque esto es pura opinión) que si escribís una entrada muy larga intercaléis alguna imagen que tenga que ver para que la lectura no sea pesada, y que cambiéis la posición, no siempre al mismo lado. Y si sólo colgáis una imagen añadid algo de texto. También que reviséis lo escrito antes de publicar, para ver si hay faltas o erratas y que no escribáis como en el Messenger, porque algunas personas pueden pensar que lo que habéis escrito no es serio o no es interesante y pasar de largo.
  • 5. 2.Recursos Reproductor de música: Yo recomiendo Ivoon y Deezer , por ser más fáciles de usar. Pero tienen dos fallos: en el primero el diseño es muy bueno, pero hay poca variedad; y en el segundo hay mucha variedad pero el nuevo diseño (creo yo) deja que desear, ya que no hay un listado con tus canciones. Ahora yo uso el de esta página http://www.playlist.com Vas a Sing in y te registras. Después vas a My account y desde allí a Search for music y escribes el nombre de la canción, del artista o de ambos. Aparecerá un listado de enlaces (la música es de distintas webs de Internet), antes de hacer click en el más para añadir la canción, escúchala. Para la sidebar o para donde quieras.
  • 6. En Delete/ rearrange music on a Playlist (My account) puedes borrar y ordenar tus canciones. Y ahora lo más difícil: el código. En My account , pinchas en Add to MySpace or facebook , luego eliges la primera opción y después la E . Eliges tu Playlist y la configuras. Si dejas el AutoStart en &quot;Yes&quot; la música se reproducirá automaticamente al entrar en tu blog. Random/Shuffle en &quot;YES&quot; es para Reproducir las Canciones aleatoriamente, es decir, al azar. El resultado es un reproductor un poco grande, pero lo puedes modificar en estas líneas: <embed style=&quot;width: 220 px; visibility: visible; height: 240 px;&quot; config_black.xml&mywidth= 220 &myheight= 240
  • 7. Voilà! Este es un tamaño adecuado para la sidebar (aunque depende como se abra esta presentación se verá más o menos grande). Se me olvidaba: hay que borrar desde <BR> hasta </div> (sin borrar estos) pues corresponde a unos botones que se ven mal.
  • 8.
  • 9. En HTML a cada color le corresponde un código. En esta página tienes todos los colores: http://www.webtaller.com/utilidades/csscoder/colores.php Blogger nos lo pone fácil para elegir los colores y la fuente en las entradas, pero para escribir en HTML nos lo tenemos que currar nosotros. Para indicar el tamaño, la fuente y el color de un texto escribimos esto: <font size= 2 face= arial color= #dddddd >Aquí iría el texto</font> => solo tienes que cambiar lo que está en rojo. 3.Fuentes y colores
  • 10. Más códigos: Marquesinas: <marquee> el texto (o la imagen) va pasando a lo ancho de la página </marquee> <B> negrita </b> <i> cursiva </i> <u> subrayado </u> <br> => salto de línea, como cuando pulsas enter Cambiar el color de fondo del blog es fácil pero, ¿poner una imagen de fondo? Hay que cambiar esta parte de la plantilla: Body { Background: #CCCCCC => este es el color de fondo Por background-image: url(entre estos paréntesis va la dirección de tu imagen, que puedes subir en Snipshot ); background-attachment : fixed; => con esto la imagen no se mueve aunque bajes por la página. Si no quieres sólo bórralo.