Entradas

Mostrando las entradas etiquetadas como Personalización

[Tutoriales] Personalizar el estilo del texto de las entradas

Imagen
Estoy deseando tener el Syndicateeeeee >///////< Holiiii!!!! Ayer no pude publicar ya que estuve bastante ocupada entre el entrenamiento de Karate y una exhibición de Karate de mi instituto (>////////<), así que no pude ni tocar el ordenador. Lo bueno es que ya hoy terminé mi último exámen, y de los tres días que me quedan de clases, uno es un festival de villancicos, y otro el ensayo general del mismo, así que no me quedan muchos días de levantarse a las siete de la mañana :'D Gracias a dios. Pero bueno, vamos con el tutorial. Hoy les traigo creo que es bastante útil para l@s blogger@s que estén empezando, para darle un aspecto más bonito a su blog. Sin embargo, no me refiero a el aspecto exterior, sino a el texto de las entradas, ya que hay ciertas cosas que no las puedes hacer en el diseñador de plantillas. Además, para aprender a utilizarlas en textos html u otros, puedes visitar ESTA entrada.

[Tutoriales] Gadget redes sociales sencillo

Imagen
Holiiii!!!! Hoy les traigo un tutorial bastante sencillo de como poner unos botones de redes sociales muy sencillo. El tutorial lo voy ha hacer yo, pero la idea la he cogido de la plantilla Fresh Blog , de Sora Templates que he usado para un blog de un trabajo de clase, así que los créditos van a Sora Templates .

[Tutoriales] Marcos de Halloween para las imágenes

Imagen
Holiii!!! Antes que nada quería comentarles que la sección de Storyteller será cada tres viernes (cada 21 días) en vez de el tercer viernes de cada mes ^^ Pero bueno, sigamos con lo que toca hoy, que es un tutorial, y dado que últimamente no tengo ni idea de que más tutoriales puedo hacer, les voy a poner coshitas para decorar su blog en halloween durante este mes, y hoy tocan ¡marcos para las imágenes! Además, como son marcos bastante voluminosos, y dos de los tres (iba a hacer más pero no tuve tiempo), tiene efecto, los códigos están puestos para que solo afecten a las imágenes de los posts y las entradas ^^

[Tutoriales] Cursores de Halloween + Blog Personal ABIERTO (Por fin)

Imagen
Holiii!!!! Siento mucho lo de ayer, que mi blog estaba cerrado, pero es que encima cambié la configuración para que fuera público y debe ser que con mi mierda de internet no se guardo ;-; ( LIMINYADE )Y por cierto, quedan ya solo tres plazas para la historia!! Pero bueno, vamos a lo de hoy, que son cursores de Halloween, que dentro de poco viene!!  Los cursores son todos sacados de Ciudad Blogger , (hoy tengo que hacer un plano así que no tengo tiempo de mucho).

[Tutoriales] Blockquote Halloween

Imagen
Holiii!!! Hoy se me ha ocurrido ponerles un tipo de blockquote con un estilo muy de Halloween, así que espero que os guste, es un tutorial muy sencillo!!

[Tutoriales] Gadget Amigos #2

Imagen
Holiiii!! Como el internet aun me va lento, os traigo un tutorial bien sencillito, que es otra forma de poner un gadget de amigos:

[Tutoriales] Gadget Amigos #1

Imagen
Holiii!!! Bueno, hoy os traigo el tutorial que me pidió Yuuto, sobre cómo poner un gadget de amigos como el mío. Pienso hacer por lo menos tres o cuatro de este tema porque hay miles de formas de hacerlo. Esta es de las más sencillas porque no tiene efectos.

[Tutoriales] Personalizar los gadget

Imagen
Holiii!!! Quiero dar las gracias a todas las que me respondieron ayer a mi mensaje de ayuda xD No, en serio, muchísimas gracias a todas, llevo tiempo buscándolo. Pero buaaano, a lo que vamos, hoy les enseñaré como personalizar los gadgets del blog, ya que un comentario anónimo me lo pidió hace un tiempo.

[Tutoriales] Personalizar comentarios

Imagen
Holiii!!!! Felicidades a Victoria por ganar el concurso!! En esta entrada quería decirles que voy a eliminar la sección de recursos los sábados, porque no suelo estar en casa los sábados. Pero bueno, vallamos con el tutorial de hoy: #imagenrandom

[Tutoriales] Poner iconos en los títulos de los gadgets

Imagen
Holiii!!! Hoy voy a subir un tutorial en vez de una reseña, ¿por qué? Pues porque mi querido amigo blogger no publicó ayer el tutorial que dejé programado antes de ir al médico... THANKS. Pero bueno, como ya tengo hecha la entrada, pues no la voy a desperdiciar, os la dejo aquí en vez de la que toca hoy, dado que no se que reseñar (aunque seguro que tengo cosas pendientes -_-). Por cierto, perdonen si no contesto a todos los comentarios, pero es que se me van acumulando y los contesto poco a poco, aunque la mayoría, no creo que vuelva a ver mis respuestas dado que los comentarios suelen ser más de que os ha gustado la entrada y etc xD Pero a los que me hayan preguntado algo y no les he contestado, perdonen xC (No se si hay casos así). Bueeno, hoy les voy a enseñar a poner en los títulos de los gadgets iconitos como las manzanitas que tengo yo a petición de Tris (Petición, bueno, me hago ilusiones, me preguntó como se hacía, pero yo me lo tomo como un "haz un tutorial de......

[Tutoriales] Blockquote: ¡Danger!

Imagen
Holiiinss!!! Siento mucho no haber publicado nada ayer, me estoy planteando eliminar la sección de recursos y no publicar nada los sábado, ya que es el día en que suelo quedar con mis amigos o salir con mis padres, y prefiero decir que no publicaré nada, a decir que lo haré y fallar 3 de 4 xD Pero bueno, el lunes ya les avisaré si lo hago definitivamente, así que ahora vamos con el tutorial de hoy, Poner un Blockquote como este: Este Blockquote lo utilizo para resaltar cosas en ciertos tutoriales que son totalmente necesarias pero tu lo podrías utilizar para cualquier cosa, además, no todos los blockquote que pongas serán así, bueno, ahora les explico, empecemos con el tuto que es sencillito.

[Tutoriales] Estilos para el título de los post 1

Imagen
Holii!!! Hoy les traigo un tutorial sencillito para cambiar el estilo de los títulos de las entradas (los post). Para empezar, solo tienen que ir a Plantilla>Editar HTML , y buscar ]]></b:skin> y luego pegas justo encima, el código que quieras (denle a la imagen para verla en grande): h3.post-title {     color: white;     background: #9BDDF8 none repeat scroll 0% 0%;     text-align: center;     border-width: 1px;     border-style: dashed;     border-color: #FFF;     font: 18px courier !important; } h3.post-title a {     color: #FFF !important; } h3.post-title { color: darkred; background: #F8B29B none repeat scroll 0% 0%; text-align: center; border-width: 4px; border-style: double; border-color: #DE795E; font: 18px serif !important; border-radius: 20px; box-shadow: inset 0 0 5px #fff; } h3.post-title a { color: darkred; } h3.post-title { background: white url("http://www.designbolts.com/wp-content/uploads/2012/12/simple-pattern-white-seamless-websi...

[Tutoriales] Personalizar el post-footer

 Holiii!!! Hoy les traigo un sencillo tutorial para editar el post-footer, que es lo que sale al final de las entradas. Es un tutorial muy muy sencillito, de CSS, así que será una entrada cortita. Bueno, lo primero de todo, es ir a Blogger>Plantilla>Editar HTML , y buscar .post-footer { , y borramos todo lo de dentro hasta la siguiente } Y ahora, en el hueco que queda, ponemos el siguiente código: margin: 1.5em 0px 0px; padding-top:10px; /*Espacio entre el border y el texto*/ padding-bottom:10px; /*Espacio entre el border y el texto*/ padding-left:10px; /*Espacio entre el border y el texto*/ padding-right:10px; /*Espacio entre el border y el texto*/ background: #FF0000; /*Si quieres ponerle un fondo de internet, añade antes del punto y coma: url('URLDELAIMAGEN'). Si quieres que la imagen se repita en todo el espacio, poner repeat, al lado de lo de antes, y si no quieres, no-repeat. Para la posición, ponemos al lado de lo último, center top, right bottom o algo a...

[Tutoriales] Menú desplegable

Imagen
Holiii!! Qué tal están? Yo hoy les traigo esta entrada rapidita, porque estoy haciendo varios dibujos, que a ver si termino. Bueno, en esta entrada, os dejaré el link del tutorial que utilicé para hacer el menú que tengo en el blog. El menú que yo tengo es ligeramente diferente, pero como casi todo es de la página que les diré, prefiero ponerlo de allí, para darle los créditos del tutorial. MENÚ DESPLEGABLE Por cierto, uno de los dibujos que estoy haciendo es de Miku Hatsune: ¿Qué les parece? (Denle a la imagen para verlo de cerca) Beshus y hasta mañana!!

[Tutoriales] Poner un decorado en el blog

Imagen
Holiiii!Hoy os traigo este tutorial, bastante sencillito, que consiste en como poner en el blog un decorado en una esquina como el siguiente: Si os gusta, lo único que tienen que hacer es ir a Plantilla>Editar HTML> Y buscar (Ctrl+F)  ]]></b:skin>.  Y justo antes, deben pegar el siguiente código e ir editando lo que explico a cada lado de los códigos: html::before {   content: '';   display: block;   position: fixed;   top: 10px; /*Este es el margen de arriba, si lo quieres tener abajo, cambia top, por bottom*/   left: 10px ;/*Este es el margen de la izquierda, si quieres que esté a la derecha, cambia left por right*/   width: 200px; /*Este es el tamaño en el que estará la imagen, ve aumentandolo si la imagen te sale cortada, pero tienes que hacerlo proporcionadamente con el numero de abajo*/   height: 200px;   background: url(URL_DE_LA_IMAGEN) no-repeat center center; /*Esta es la url de la imagen, cámbial...

[Tutoriales] Poner el gadget del perfil personal dentro de otro

Imagen
Holiii!!! Ya que hoy no tenía ni idea de que podría subir hoy de tutorial al blog, así que he decidido enseñaros como puse el gadget de mi perfil en el gadget de Bienvenidos. Es bastante sencillito, y os pondré todos los pasos para que os quede como yo lo tengo. Aunque no voy a poner lo de los detalles de lo de las cajitas, eso lo puedes encontrar en ESTE otro tutorial. Por cierto, este tutorial es válido para Google Chrome y Firefox, pero no se si también se puede en Internet Explorer u otro.

[Tutoriales] Cambiar "Página Principal", "Entradas Antiguas" y "Entradas Recientes"

Imagen
Holii!!! Hoy les diré como cambiar "Página Principal", "Entradas Antiguas" y "Entradas Recientes", por otro texto o por una imagen. Es bastante facilito y podría quedaros algo como esto: Lo primero que tenemos que hacer es ir a Plantilla>Editar HTML y buscar (Ctrl+F):   <div class='blog-pager' id='blog-pager'> Nos saldrá dos veces, pues no vamos a la segunda opción. Justo debajo les aparecerán varios códigos. Primero vamos a cambiar "Página Principal", para ello, en los códigos debajo de lo que buscamos antes, localizamos la siguiente línea: <a class='home-link' expr:href='data:blog.homepageUrl'> <data:homeMsg/> </a> Y ahora cambiamos lo que está en rojo , por la siguiente línea: <img src="URLDeTuImagen"/> Y de aquí solo tenemos que cambiar donde pone URLDeTuImagen, por la url de lo que quieras poner. Si quieres poner un texto, solo cambiar lo rojo por el t...

[Tutoriales] ¿Cómo hacer tu propia plantilla? Parte 3

Imagen
Holiii!!! Hoy por fin, después de tanto tiempo os traigo la última entrada para hacer tu plantilla personalizada. En la anterior entrada os di una lista de tutoriales, mío y ajenos, con los que podrías personalizar lo básico en tu plantilla, además de un pequeño tutorial de como cambiar el footer del post, o pie de post. Hoy, en esta última entrada os enseñaré como hacer una cabecera muy buena y estilosa.

[Tutoriales] ¿Cómo hacer tu propia plantilla? Parte 2

Imagen
Holiii!!!! Hoy voy a seguir por fin con el tutorial de como hacer tu propia plantilla. El último día, nos habíamos quedado en cómo personalizar los gadget. Eso era solo un ejemplo de personalización, pero para no hacer 30 post más sobre esto, aquí os dejo una lista con tutoriales, míos, o de otras personas (con el link), para que podáis personalizar el resto de cosas que tendrías que personalizar de vuestra plantilla para que sea única. Claramente, no tenéis que hacerlos todos, ni mucho menos, sin embargo, si podéis visitar las entradas, y decidir que tutoriales hacer ^^

[Tutoriales] ¿Cómo hacer tu propia plantilla?

Imagen
Holiii!!! Ahora mismo me estoy muriendo por dentro. Tenía esta entrada preparada de ayer, pero hoy, en casa de mi abuela que estoy ahora, fui a publicarla y vi que no estaba, ¡se había borrado! Así que he hecho está versión de el tutorial, un poquito menos específico (bastante menos especifico), y más corto, y en varias partes, ya que no me ha dado tiempo de terminarlo. Por hoy, solo voy a explicar lo básico, y cómo personalizar los títulos de los gadget. Espero que os guste!!