Animerika Blog

Hayate No Gotoku 1 Sub Español

2012-01-12T14:22:00.001-08:00

Modificar una Plantilla de Blogger

2011-05-27T16:11:00.000-07:00

Hola, bueno pues esta vez voy a escribir un poco sobre el código de las plantillas ya que a veces cuando descargamos una, no nos gusta el color de letra, el tamaño , la cabecera, etc.y queremos ponerle colores que nos gusten o nuestro propio banner.

Voy a tratar de ayudar lo poco que he aprendido de una manera sencilla ya que cuando
empezamos con esto nos confundimos un poco o se nos hace difícil, pero luego nos acostumbramos, solo es cuestión de ser curiosos.
Modificación Básica

La plantilla esta dividida en secciones y cada una tiene un encabezado o descripción, por ejemplo “post-footer” sabemos que lo que vamos a modificar es el formato del “pie del post”.

Las secciones comunes son (No en todas es igual):

* Header: Se puede modificar el banner, color y tamaño de fuente del titulo, ancho y alto de la imagen, etc.

* Outer-Wrapper: Esta parte es como el cuerpo de la plantilla generalmente se divide en outer-wrapper aquí es donde la mayoría de veces encontramos la imagen de fondo o background, main-wrapper es la parte en que aparece los post , y sidewrapper son las columnas, si es de 2 columnas estará sidewrapper-left y sidewrapper-right.

Lo rojo: Outer-wrapper

Lo amarillo: Sidewrapper

Lo azul: main-wrapper

* Headings: Aquí se le da formato a los encabezados.

* Posts: Aquí se especifica el formato de los post.

* Comments

* Footer

Cuando tenemos cuenta de Google, nos da la posibilidad de crear mas de un blog, podemos crear uno para practicar y después modificar el “oficial” .

Voy a tomar como ejemplo la plantilla “Anime Music”, no todas las plantillas son iguales, pero si parecidas en cuanto a las descripciones, si no se encuentra el código exactamente como aquí, puede estar de otra manera pero nos indica lo mismo.

Esta es la imagen de la plantilla:

Modificar la cabecera:

Esto se puede hacer por código, pero para hacerlo mas sencillo se usa la herramienta de Blogger. Nos vamos a Diseño y seleccionamos Elementos de Pagina. Donde dice “Cabecera“ seleccionamos editar.

Aquí cargamos la imagen que queremos de cabecera, Podemos poner donde dice “Titulo de Blog”, o podemos omitirlo y crear nuestro propio banner. En este caso selecciono la imagen y en “Ubicación” seleccionar “En lugar del titulo y descripción”.

Si quieres ponerle titulo encima de la imagen selecciona “Detrás del titulo y descripción”. Algo muy importante aquí es que la imagen tenga el mismo tamaño que la actual, en el código esta el tamaño, sino, podemos verlo guardando la imagen actual y ver el tamaño y trabajar nuestro banner con esas medidas, aunque también se puede modificar las medidas en el código, pero si el banner nuestro es mas pequeño tendríamos que modificar el ancho de toda la plantilla algo que es fácil en unas plantillas pero complicado en otras.

En este caso el ancho debe ser 980px de ancho por 333px de alto

Para modificar por medio de código:

Nos vamos a Diseño-----> “Edición HTML”

Ubicamos el “Header” y editamos el código que se muestra en rojo y azul.

En rojo: donde empieza “Http://…………gif”, esa es la dirección del banner que trae la plantillas por defecto, aquí podemos sustituirla y subir nuestra imagen a un servidor como tinypic o imageshack y poner la url aquí.

Si hemos puesto el banner por medio de la vista de diseño de blogger, borra esta url, desde donde empieza “http:// “ hasta “.gif” (o .jpg, .png, según sea el caso) porque aunque hemos puesto nuestra propia imagen, la original sigue atrás.

En azul: Aquí podemos modificar el ancho y alto del banner, si modificamos aquí tenemos que modificar el ancho de todo así que por el momento lo dejamos así. (O podríamos modificar solo el alto del banner, en “Height”)

Seleccionamos Guardar Plantilla (o vista previa).

Quedaría hasta ahora así:
(Disculpas si la imagen no pega, es solo un ejemplo)

Modificar el tipo de letra.

Ubicamos en el código siguiente:

Generalmente esta al principio. Donde dice “BODY” esta parte establece el formato global de la pagina. (Puede estar diferente en cada plantilla)

En rojo: El 80% representa el tamaño de la letra esto lo podemos cambiar a pixeles ya que estamos mas familiarizados con establecer así el tamaño de la fuente.

Así se ve la plantilla antes de cambiar la fuente:

Ahora cambiamos el tipo y tamaño de letra, le ponemos 12px y letra Comic:

Podemos poner también otro tipo de letra por ejemplo Verdana, Lucida Sans o Arial. Seleccionamos Guardar Plantilla (o vista previa).

Y quedaría así:

Cambiar el color de enlaces:

Generalmente abajo de lo anterior, dentro de BODY se encuentra el código para cambiar el color de los links.

Ubicamos dentro de Body:

A:link= el color que tendrá el link.

a:hover= el color del link al pasar el mouse.

Podemos cambiar el a:visited y ponerle el mismo código que le pusimos en a:link para que se vea mejor.

El color de enlaces era Gris, y le voy a cambiar por celeste.

Para consultar códigos de colores esta pagina es muy buena: CODIGOS DE COLORES HTML. Cuando ya tenemos el código del color que nos gusta lo copiamos y pegamos.

Quedaría así: Celeste el color de link y verde al pasar el mouse sobre el.

Cambiar el color de encabezados.

Aquí vamos a cambiar el color de los encabezados de la barra lateral. En esta caso lo que esta en rojo.

En este caso ubicamos la sección “Heading” (los encabezados) y dentro”Sidewrapper”, cuando veamos la palabra “sidewrapper” se refiere a las propiedades de las columnas laterales.

Aquí cambiamos el tamaño, donde dice Font-size lo cambiamos a pixeles (16px por ejemplo), y cambiamos el color que actualmente es rojo.

Quedaría así:

Cambiar el tipo de letra de los elementos del post.

Por ejemplo la fecha, el pie de post donde vemos por ejemplo “Publicado por” etc.

El color de letra de la fecha es rojo:

Empecemos con la fecha, buscamos la sección “Post” y “Date Header” y cambiamos el código siguiente:

Le ponemos el tamaño y color de letra que nos guste.

Quedaría así:

Color de letra de pie de post.

Esta parte es la siguiente (lo que esta en rojo):

Código:

Siempre dentro de la sección Post, buscamos el Post Footer y cambiamos la letra.

Lo cambie por un color blanco. Se ve así:

Cambiar el color de letra de los comentarios.

Buscamos el código dentro de la sección Comments

En rojo: Este es el encabezado de los comentarios, donde generalmente vemos el numero de comentarios de la entrada por ejemplo “1 Comentarios”.

En azul: El formato del comentario publicado.

Así se ve antes de modificarlo, color de letra blanco para el encabezado y comentario.

Luego que cambiamos los colores, encabezado naranja y comentario rosado, (disculpas por la combinación de colores )

Quitar la sección de créditos:

Si quieres puedes dejar la imagen de “Skin Corner”, en este caso, pero si quieres quitarla ubica el código “Credits”.

Esto lo podemos encontrar en la parte de abajo de todo el código, es una DIV o sección que casi siempre se llama “Credits”. Sino esta así, busca donde diga por ejemplo “Template By” , así esta el código es este caso:

Elimina desde donde empieza el “DIV Class Credits“ hasta “End credits”.

Así quitas la imagen de los créditos. Aunque es recomendable que dejes los créditos que abajo, en el pie de pagina, (si los hay).

Ordenando los elementos de la pagina:

Nos vamos a Diseño--->Elementos de pagina y organizamos los elementos como nos guste. Aquí es donde podemos insertar códigos HTML en las barras laterales como reproductores, videos, encuestas, etc. y ordenarlas.

Si en la plantilla viene por defecto “Labels” podemos cambiarlo a “Categorias” o ponerle otro nombre.

Seleccionamos “Labels” y cambiamos el titulo.

Cambiar la vista de archivo.

Actualmente esta la vista “Jerarquía”

Para cambiar la vista archivo elegimos el elemento y editamos.

Titulo: Podemos ponerle cualquier titulo por ejemplo “Archivo de mi blog”.

Estilo: Aquí es donde seleccionamos como se vera, la que esta por defecto es jerarquía, podemos cambiar a menú desplegable, o lista y quedaría así.

Lista

Menú Desplegable

Para añadir gadgets nos vamos a “Añadir Gadget” Seleccionamos el que queremos o lo mas común que es “Código HTML / Javascript”.

En este ejemplo voy a poner un chat y un elemento flash.

Ponemos titulo y pegamos el código del elemento que queremos insertar.

Hasta ahora la plantilla se ve así:

Estos son algunos códigos para cambiar mas que todo, el tipo y color de letra de la pagina, para modificar otras cosas por ejemplo el fondo o el ancho depende de cada plantilla.

Espero les haya servido si tienen alguna duda pueden preguntarme y tratare de ayudarles, después voy a poner un ejemplo con otra plantilla.

Cualquier duda pueden decirme con gusto ayudare en lo que pueda. Disculpas otra vez por la combinación de colores, si me equivoque en algo o si la plantilla no quedo vistosa, solo era a manera de ejemplo.

Hasta Pronto!!!!

Plantillas Anime para Blogger

2011-05-01T21:45:00.000-07:00

Aquí les dejo algunas plantillas anime para Blogger de BTemplates. Click en la imagen para agrandar. Si tienes dudas sobre como instalarla o modificarla, puedes dejar un comentario.

Para instalarlas:

1- Descomprimir el archivo.

2- En la Administración del Blog, ir a: Diseño----->Edición de HTML

3- Por seguridad, descargar una copia de la plantilla actual

4- Para instalar la plantilla, click en "Examinar" y localizar el archivo .xml de la plantilla

que quieres subir y luego click en "Subir".

5- Te preguntara si deseas eliminar los artilugios, selecciona "Confirmar y Guardar" y

ya tienes instalada la plantilla.

Plantillas

Anime Music

Descargar

Anime Grape

Descargar

Anime 01

Descargar

Death Note

Descargar

Naruto

Descargar

One Piece

Descargar

Sakura

Descargar

Shugo Chara

Descargar

Wedding Anime

Descargar

Si les pide contraseña MediaFire es: animerika-cc.blogspot.com

Im Sorry I Love You

2011-04-26T20:41:00.000-07:00

Im Sorry I Love You

Titulo: Im Soory I Love You (ingles), Mianhada Saranghanda (Coreano)

Género: Romance, Drama

Año: 2004

Episodios: 16

Cha Moo-hyuk fue adoptado por una familia australiana que despues lo abandono, pero el siempre tuvo en mente volver a Corea y encontrar a su madre ya que el siempre penso que ella lo habia abandonado porque no tenia dinero para criarlo, y se prometio a si mismo que al encontrarla le daria todo lo que necesitara pero, que pasara cuando al fin la encuentre y conozca la verdad sobre su abandono?...

Personajes:

So Ji Sub como Cha Moo-hyuk

Im Soo Jung como Song Eun-chae

Jung Kyung Ho como Choi Yoon

Suh Ji Young como Kang Min-joo

Episodios

Primer episodio de I´m Sorry I Love You. AQUI la lista de reproduccion de todos los episodios de la serie.

Witch Yoo Hee

2011-04-17T22:01:00.000-07:00

Witch Yoo Hee

Titulo: Witch Yoo Hee /Witch Amusement

Genero: Romance, Comedia

Año: 2007

Episodios: 16

Yoo Hee es una exitosa empresaria que a pesar de ser inteligente, es amargada y perfeccionista, por lo que le encuentra fallos a todo lo que los demas hacen, siempre viste de negro y va constantemente a citas a ciegas aunque siempre resulta rechazada. A causa de un accidente Chae Mo Ryong,
un chico con mala suerte, choca contra el auto de Yoo Hee y como no puede pagarle, Mo Ryong se convierte en su "ama de llaves" (ja ja) y le ayudara a cambiar su imagen y a comportarse amablemente para que los hombres no la sigan rechazando.

Personajes

Han Ga In como Ma Yoo Hee

Jae Hee como Chae Moo Ryong

Jun Hye Bin como Nam Seung Mi

Kim Jeong Hoon como Yoo Joon Ha

Dennis Oh como Johnny Kruger

Capitulos Online

Boys Before Flowers

2011-04-11T18:50:00.000-07:00

Boys Before Flowers

Titulo: Boys Before Flowers (Ingles), Kgotboda Namja (Coreano)

Género: Romance, Comedia.Drama

Episodios: 25

Año: 2009

Dorama Coreano basado en el popular manga Hana Yori Dango, es la tercer adaptacion a la pantalla chica de esta historia, siendo sus antecesoras Meteor Garden (Taiwanesa, 2001) y Hana Yori Dango (Japonesa, 2005).

Personajes Principales

Koo Hye Sun como Geum Jan Di

Lee Min Ho como Goo Joon Pyo

Kim Hyun Joong como Yoon Ji Hoo

Kim Bum como So Yi Jung

Kim Joon como Song Woo Bin

Episodios Boys Before Flowers

Este es el primer capitulo, subido por Doramamex, subtitulado por el mismo Fansub. AQUI el enlace a la lista de reproduccion con todos los episodios de la serie.

Natsu no Arashi A-c 13

2010-01-15T17:25:00.001-08:00

Final

Natsu no Arashi A-c 12

2010-01-15T17:23:00.001-08:00

Natsu no Arashi A-c 11

2010-01-15T17:18:00.001-08:00

nats a-c 11

Natsu no Arashi A-c 10

2010-01-15T00:13:00.001-08:00

Natsu no Arashi A-c 9

2010-01-15T00:08:00.001-08:00

nat n ara ak 9

Natsu no Arashi A-c 8

2010-01-14T21:21:00.001-08:00

Natsu no Arashi A-c 7

2010-01-14T21:16:00.001-08:00

Natsu no Arashi A-c 6

2010-01-14T21:13:00.001-08:00

Natsu no Arashi A-c 5

2010-01-14T16:37:00.000-08:00

N n A Akinai

Inuyasha KH 14

2010-01-12T17:55:00.001-08:00

Inuyasha KH 13

2010-01-12T17:53:00.001-08:00

Inuyasha KH 12

2010-01-12T17:51:00.001-08:00

Inuyasha KH 11

2010-01-12T17:42:00.001-08:00

Inuyasha Kh 10

2010-01-12T17:41:00.001-08:00

Nogizaka HnH Purezza 12 Final!

2010-01-12T17:27:00.001-08:00

Nogizaka HnH Purezza 11

2010-01-12T17:24:00.001-08:00

Nogizaka HnH Purezza 10

2010-01-12T17:23:00.001-08:00

Anime Invierno 2009/2010

2009-12-21T09:51:00.001-08:00

Estos algunos animes que se vienen en esta temporada, la lista puede ser que cambie a medida que se anuncien nuevos estrenos, mientras tanto esta es la cartelera de los animes confirmados para los meses de diciembre , enero y febrero.

Click en la imagen para agrandar

(Mas adelante pondré una breve sinopsis de cada serie)

Natsu no Arashi A-chuu 4

2009-12-12T19:18:00.001-08:00

Natsu no Arashi A-chuu 3

2009-12-12T19:17:00.001-08:00

Natsu no Arashi A-chuu 2

2009-12-12T19:12:00.001-08:00

Natsu no Arashi A-chuu 1

2009-12-12T19:11:00.001-08:00

Natsu no Arashi! Akinai-chuu

2009-12-12T19:05:00.001-08:00

Segunda Temporada de Natsu no Arashi

Categoria: Comedia, Fantasía, Romance
Autor: Jin Kobayashi
Año: 2009

Capítulos Gracias a Dragon Elixir Fansub

Nogizaka HnH Purezza 9

2009-12-12T18:06:00.001-08:00

Nogizaka HnH Purezza 8

2009-12-12T18:05:00.001-08:00

Nogizaka HnH Purezza 7

2009-12-12T18:04:00.003-08:00

Nogizaka HnH Purezza 6

2009-12-12T18:04:00.001-08:00

Nogizaka HnH Purezza 5

2009-12-12T17:58:00.001-08:00

Nogizaka HnH Purezza 4

2009-12-12T17:54:00.001-08:00

Nogizaka HnH Purezza 3

2009-12-12T17:52:00.001-08:00

Natsu no Arashi 13

2009-12-12T17:46:00.001-08:00

Natsu No Arashi 12

2009-12-12T17:45:00.001-08:00

Inuyasha KH 9

2009-12-12T17:41:00.003-08:00

Inuyasha KH 8

2009-12-12T17:41:00.001-08:00

Inuyasha KH 7

2009-12-12T17:40:00.003-08:00

Inuyasha KH 6

2009-12-12T17:40:00.001-08:00

Inuyasha KH 5

2009-12-12T17:39:00.001-08:00

Inuyasha KH 4

2009-12-12T17:37:00.003-08:00

Inuyasha KH 3

2009-12-12T17:37:00.001-08:00

FMA Shintetsu 34

2009-12-12T17:34:00.001-08:00

FMA Shintetsu 33

2009-12-12T17:33:00.001-08:00

FMA Shintetsu 32

2009-12-12T17:32:00.001-08:00

FMA Shintetsu 31

2009-12-12T17:31:00.003-08:00

FMA Shintestu 30

2009-12-12T17:31:00.001-08:00

FMA Shintetsu 29

2009-12-12T17:30:00.001-08:00

FMA Shintetsu 28

2009-12-12T17:28:00.001-08:00

FMA Shintetsu 27

2009-12-12T17:27:00.001-08:00

Pandoras Heart Capitulo 25

2009-10-17T08:56:00.000-07:00

Final de Pandoras Heart aunque talvez tendremos una segunda temporada, quien sabe :-S ...

Nogizaka HnH: Purezza 2

2009-10-17T08:01:00.000-07:00

Nogizaka HnH: Purezza 1

2009-10-17T07:59:00.000-07:00

Inuyasha Kanketsu-hen Capitulo 2

2009-10-17T06:49:00.000-07:00

Natsu no Arashi Capitulo 12

2009-10-16T09:25:00.000-07:00

FMA Shintetsu 26

2009-10-15T09:15:00.000-07:00

FMA Shintetsu 25

2009-10-15T09:14:00.000-07:00

FMA Shintetsu 24

2009-10-15T09:13:00.000-07:00

FMA Shintetsu 23

2009-10-15T09:12:00.001-07:00

FMA Shintetsu 22

2009-10-15T09:12:00.000-07:00

FMA Shintetsu 21

2009-10-15T09:11:00.000-07:00

FMA Shintetsu 20

2009-10-15T09:10:00.000-07:00

FMA Shintetsu 19

2009-10-15T09:09:00.000-07:00

Inuyasha Kanketsu-hen Capitulo1

2009-10-09T18:39:00.000-07:00

Inuyasha Kanketsu-hen

2009-10-09T17:33:00.001-07:00

Llega la nueva saga que cubrirá los volúmenes 36 al 56 del manga, para darle fin a esta historia, buenas noticias para los seguidores de esta serie que volverán a ver a a los personajes de esta serie adaptados al anime una vez mas.

Titulo: Inuyasha Kanketsu Hen, Inuyasha The Final Act

Categoria: Comedia, Fantasía, Romance, Aventura, Drama,Sobrenatural
Autor: Rumiko Takahashi

Año: 2009

Capítulos gracias a Wing Zero Fansub

Capítulos Gracias a Latino Anime no Fansub

Hayate no Gotoku 25 Final

2009-09-26T11:55:00.000-07:00

Pandoras Heart Capitulo 24

2009-09-24T23:55:00.000-07:00

Natsu no Arashi Capitulo 11

2009-09-20T15:35:00.000-07:00

Hayate no Gotoku Capitulo 24

2009-09-18T19:08:00.000-07:00

"Distancia"

Pandora Hearts Capitulo 23

2009-09-18T19:02:00.000-07:00

Pandora Hearts Capitulo 22

2009-09-18T19:01:00.000-07:00

Pandoras Heart 21

2009-09-16T17:36:00.000-07:00

Gracias a Twins Dragon Fansub

Hayate no Gotoku Capitulo 23

2009-09-10T23:49:00.000-07:00

"Donde terminamos"

Pido disculpas por la tardanza Break no lo proceso rapido Gomen :-(

Hayate no Gotoku Capitulo 22

2009-09-04T18:21:00.001-07:00

Hayate no Gotoku Capitulo 21

2009-08-31T18:29:00.000-07:00

"No importa lo que digas, el gato que tienes es mas lindo"

Pandora Hearts Capitulo 20

2009-08-22T08:52:00.000-07:00

"Modulación"

Hayate no Gotoku Capitulo 20

2009-08-19T06:46:00.000-07:00

"No puedes hacer el papel de Criada"

Hayate no Gotoku Capitulo 19

2009-08-16T21:20:00.000-07:00

"Apunta por el Rey"

Anime Otoño 2009

2009-08-13T16:19:00.001-07:00

Aquí están las series que se vienen, creo que lo van actualizar si lo hacen modificare la imagen, por el momento están estas series, por ahí tenemos series ya conocidas como Nogizaka Haruka no Himitsu, Natsu no Arashi, Darker Than Black por supuesto Inuyasha y Winter Sonata!!! parece que van a llevar al anime esta historia lo que no esta seguro es si saldrá o no este año ya que se dice que sale otras veces que no etc. ya que la han anunciado desde 2008 ojala que esta vez sea cierto pues los amantes de los doramas coreanos (como yo) estarán felices con este anime. Por supuesto se vienen muchas mas series buenísimas.

Pandora Hearts Capitulo 19

2009-08-13T15:00:00.000-07:00

"Piscina de Lágrimas"

Hayate no Gotoku Capitulo 18

2009-08-08T16:37:00.000-07:00

"Aquellos que no se rinden en el Dia Blanco"

Pandora Hearts Capitulo 18

2009-08-06T17:04:00.000-07:00

Eliot y Leo

Hayate no Gotoku Capitulo 17

2009-07-29T06:39:00.001-07:00

“Bajo el Árbol de Sakura”

Ya faltan solo 9 capítulos para que termine así que a disfrutar lo que queda de Hayate!

Kurokami Capitulo 23

2009-07-29T03:43:00.000-07:00

"Caminos"

Pandora Hearts Capitulo 17

2009-07-29T02:33:00.000-07:00

"Hola mi hermana"

Kurokami Capitulo 22

2009-07-29T01:42:00.000-07:00

"Destino"

Kurokami Capitulo 21

2009-07-29T00:37:00.000-07:00

"Milagro"

Hayate no Gotoku 16

2009-07-21T22:12:00.001-07:00

“Recuerdos de Ilusión”

Natsu no Arashi Capitulo 10

2009-07-20T16:42:00.000-07:00

Temas Anime para Windows XP

2009-07-18T08:29:00.001-07:00

Hola, aqui les traigo unos Temas Anime para Windows XP , parece que son de una pagina Japonesa o China ¿?, no estoy segura jeje . Bueno pues ahí tenían unos temas muy lindos, por supuesto todo el crédito es de la persona que los creo, gracias .

Algunos de ellos traen 2 combinaciones, para ver si están disponibles: Click derecho en escritorio--->Propiedades—>Apariencia—>Combinación de colores

Ahí eligen la combinación que le guste mas por ejemplo el de Akasaka trae 2, en azul y morado.

Nota: Al instalar el tema de Hayate les pedira una contraseña, escriban: bbs.acgdiy.com

Hayate no Gotoku

Capturas:

Escritorio

Carpetas

Menú Inicio

Descargar Tema

Akane iro ni Somaru Saka

Capturas:

Escritorio