14 mar. 2014

¡¡Neko-chan volvió!! (? + [Pedidos] Tutorial: como poner una imagen con barra de retos en tu blog {100% Neko-chan}


Hi mis otakus  ¡¡he vuelto!!  no se si alguien no notó mi presencia, pero para los que se dieron cuenta que no estaba, he vuelto . He estado muy ocupada con los estudios porque ya dentro de 1 semana me dan las notas, he creo que he suspendido 4 o 5  tengo mucho miedito  entonces en estos últimos días he estado estudiando mucho para los últimos exámenes, que todavía me faltan 2, así que seguramente pronto vuelva a desaparecer 

Dejando mi vida a parte, por ask me pidieron que si podía hacer un tutorial sencillo de como poner una imagen y una barra de retos, así que yo he hecho MI PRIMER PROPIO TUTORIAL, así es, 100% Neko-chan . Para verlo tenéis que dar al botón 




Tutorial: como poner una barra de retos con imagen incluida

Primer paso: poner la imagen
Seguramente mucho sabréis como se pone una imagen ¿no? Pero los blogs novatos no, así que lo voy ha explicar 

  1. Vamos a copiar imagen de cualquier reto que quieras (aquí os dejo los retos que tengo yo):
  1. Después vamos Diseño, Añadir un gadget y buscamos HTML/Javascript y le damos.

  1. Le damos a Formato RTF y pegamos la imagen.


  1. Y quedará así:


  1. Y por último damos a guardar y vemos como ha quedado.

Si ha quedado demasiado grande o demasiado pequeño lo único que tenéis que hacer es editar la imagen con el tamaño que queráis y cambiáis la imagen que teníais con la nueva.



Segundo paso: poner la barra de retos
  • Primero copiamos este código:
<div style="background-color: white; border: 1px solid rgb(204, 46, 250); font-style: normal; font-weight: normal; height: 15px; width: 200px;"><div style="background: #FA5858; font-size: 8px; height: 15px; line-height: 8px; width: 4%;"><br /></div></div><span style="font-style: normal; font-weight: normal;color:#33cc00;">1 / 23 Animes. 4% Vistos! ^^</span>


  • Una vez copiado vamos a Diseño, vamos al gadget donde estaba la imagen del reto y pegamos este código debajo del código de la imagen.

 
  • Y quedará así:

  • Le damos a guardar y listo.

Ahora para editarlo lo único que tenéis que hacer es esto::


Morado: color de la barra.
Rosa violeta: el color de las palabras que pone 1/23 Animes. 4% Vistos! ^^
Rojo: es el porcentaje que hará que la barra avance (si pones un número grande más larga será la barra y si pones uno más pequeño más pequeña será la barra.
Azul: los animes, mangas o cosas que hayas conseguido (podéis cambiar el nombre y cuando vayáis avanzando ponéis: 1/23 pasáis a 2/23 o cosas así). Podéis cambiar el Animes por el nombre que queráis.
Verde: el porcentaje que has hecho: cuando cambiéis el porcentaje también tenéis que cambiar este y poner el mismo número. También podéis cambiar el Vistos! ^^ por el nombre que queráis 

Aquí os dejo la página donde cojo los códigos de los colores:


¡¡Y aquí mi primer tutorial hecho!! . No se si me he explicado muy bien, ya que es mi primer tutorial hecho por mí, así que si lo usáis o queréis compartirlo, NO OLVIDÉIS DAR CRÉDITOS 

Y esto es todo, nos vemos 


8 comentarios:

  1. Hola hersmosa,genial entrada,espero que apruebes,mucha suerte,porcierto me enccanta el nuevo diseño,very kawaii

    ResponderEliminar
  2. Ánimo con los exámenes Neko-senpai!! :D Entiendo como te sientes...demasiadas cosas que estudiar y poco tiempo para vaguear (? xD . A mí no me va a quedar ninguna , pero tengo miedo de Mates D':...creo que en último examen he sacado un 6 , si es así tengo el trimestre aprobado c:, pero si he suspendido , voy a tener que currarme el siguiente examen que hagamos que será de ecuaciones y lo veo muy chungo...
    Bueno . Oh! Tu primer tutorial!! *-* Etto...felicidades? xDD Okay , está genial el tuto , ya había visto este gadget de los retos en otros blogs y ni idea de como se ponían , así que gracias!!! Esta muy bien para ser tu primer tuto {a ver cuando aprendo yo a hacer alguno y me aplico el cuento -.-}
    Jejeje , bueno , besos Neko-senpai!!
    Para-para-paradise~ *perdón estaba cantando xd*

    ResponderEliminar
  3. Hola nena que bueno por tu regreso a nuestro friki mundo xD uy espero que puedas pasar sin problemas tus examenes, animo! n_n y muchas gracias por el tuto

    ResponderEliminar
  4. Holaa !! Hace mucho que no entro por blogger :( igual por la escuela :( me tiene muy ocupada :/ me gusto mucho el nuevo diseño !!! esta muy padre!!! :) y muchas gracias por el tutorial , te quedo muy bien !! y espero que te valla muy bien con tus estudios !! :)
    saludos !! ^^

    ResponderEliminar
  5. uhh espero que saques buenas notas!!
    y buena tutorial^^por cierto,adore esta imagen:http://2.bp.blogspot.com/-A-SJyOtsjfo/UyM6lLeMUlI/AAAAAAAAKx0/N86i7rPV3Gg/s1600/publicidad1.png

    waaa es el chico..aun tienes la imagen original,para que me la pases..es que yo guardo fotos asi..para fondos o para solo mirarlas por que me encanto.
    saludos~

    ResponderEliminar
  6. Suerte con los exámenes... pienso que están para hacernos la vida más dificil <3< hahaha el nuevo diseño está increíble!!!Se nota que te lo curraste owo saludos!

    ResponderEliminar
  7. bienvenida de nuevo :DDDDD y buen tutorial ^^

    ResponderEliminar
  8. Jo..... WAAA QUE INTERESANTE 100pre quise saber eso!
    tal vez me cree mi propio reto y haber si lo logro :)

    ResponderEliminar