[Blogger] Tutorial: Gif a lado del titulo del post o del gadget
SIEMPRE EL MISMO GIF AL PRINCIPIO DELTITULO DEL POST
Nos vamos a Diseño >> Edicion HTML y buscamos el siguiente código (Puedes usar Ctrl+F para búsqueda rápida):
/* Posts
Despues veras esto
#main .post h3 {
O tal vez se veas:
.post h3 {
o
h3 post-title
en mi caso es #main .post h3 {
Bueno mas debajo de este código se vera un listado referente al titulo del post…. Algo asi:
 |
Click para ver mas grande
|
Bien después de este listado ya hasta abajo antes del } (Como se ve en la imagen de arriba) Pondran
height: 30px;background: url('URL DE LA IMAGEN QUE DESEAS PONER') no-repeat .5em 0;
El height: 30px; Lo pueden modificar a gusto pues es la distancia que habrá entre la imagen y el inicio del titulo. Pueden poner 40px o 20px… todo depende de sus gustos.
Y Listo ya quedo! Recuerden que debe ir antes del corchete } para que funcione.. den click en vista previa para que vean como quedo y si les gusto den guardar y listo!
SIEMPRE EL MISMO GIF AL PRINCIPIO DELTITULO DEL GADGET
Para ello nos vamos a Diseño >> Edicion HTML y buscamos el siguiente código (Puedes usar Ctrl+F para búsqueda rápida):
/* Headings
E inmediatamente abajo veremos este código:
h2 {
Bien aparecerá un listado debajo de los detalles del titulo de nuestros gadget en general como se muestra en la imagen de abajo:
 |
| click para ver mas grande |
Bien este listado lo pueden modificar a su gusto por ejemplo el tamaño de la letra en Font-size: 14px; asi dice el mio, y el color de la letra en color: #DA6789; que es el color del titulo de mis gadget. Pero a nosotros nos interesa donde dice background: url….. Bien si no esta este código en tu listado habrá que agregarlo si gustas puedes tomar algunos de mis códigos para que te quede algo parecido a mis gadget no hay problema …. Bien si no tenemos este código lo agregamos asi:
background: url('URL DE LA IMAGEN QUE DESEES PONER') no-repeat;
Podemos ponerlo en cualquier parte de la lista no hay problema alguno o mas bien no debería de haberlo xd.
De igual modo tenemos el height: 24px; el cual pueden modificar también, si no viene en su lista también hay que agregarlo! Pues este código define como ya mencione la distancia de la imagen con el inicio del titulo.
Cualquier duda o aclaración pueden decírmelo aquí en el post okis..
GIFs DIFERENTES AL PRINCIPIO DEL TITULO DEL POST
Bien ahora para hacer un port con una imagen en su titulo pero con imágenes diferentes, es decir, que no siempre sea la misma imagen, a veces quieres de estrellas otras de corazón etc. Haremos esto Te vas a Creacion de entradas >>> Nueva entrada haces tu post y en el titulo pones el siguiente código
<img src="URL DE LA IMAGEN"/>
Como en la imagen de abajo:
 |
| click para ver mas grande |
Donde dice “KAWAII” es el titulo del post y asi ya queda una imagen al principio de tu post.
Recuerden que cualquier duda me la hacen saber. Espero que haya sido de ayuda.
Etiquetas: ♪ Blogger, ♪ Tutorial
Visita mi otro blog AITOKAWAII y encuentra material.
| 
[Blogger] Tutorial: Gif a lado del titulo del post o del gadget
SIEMPRE EL MISMO GIF AL PRINCIPIO DELTITULO DEL POST
Nos vamos a Diseño >> Edicion HTML y buscamos el siguiente código (Puedes usar Ctrl+F para búsqueda rápida):
/* Posts
Despues veras esto
#main .post h3 {
O tal vez se veas:
.post h3 {
o
h3 post-title
en mi caso es #main .post h3 {
Bueno mas debajo de este código se vera un listado referente al titulo del post…. Algo asi:
|
Click para ver mas grande
|
Bien después de este listado ya hasta abajo antes del } (Como se ve en la imagen de arriba) Pondran
height: 30px;background: url('URL DE LA IMAGEN QUE DESEAS PONER') no-repeat .5em 0;
El height: 30px; Lo pueden modificar a gusto pues es la distancia que habrá entre la imagen y el inicio del titulo. Pueden poner 40px o 20px… todo depende de sus gustos.
Y Listo ya quedo! Recuerden que debe ir antes del corchete } para que funcione.. den click en vista previa para que vean como quedo y si les gusto den guardar y listo!
SIEMPRE EL MISMO GIF AL PRINCIPIO DELTITULO DEL GADGET
Para ello nos vamos a Diseño >> Edicion HTML y buscamos el siguiente código (Puedes usar Ctrl+F para búsqueda rápida):
/* Headings
E inmediatamente abajo veremos este código:
h2 {
Bien aparecerá un listado debajo de los detalles del titulo de nuestros gadget en general como se muestra en la imagen de abajo:
|
| click para ver mas grande |
Bien este listado lo pueden modificar a su gusto por ejemplo el tamaño de la letra en Font-size: 14px; asi dice el mio, y el color de la letra en color: #DA6789; que es el color del titulo de mis gadget. Pero a nosotros nos interesa donde dice background: url….. Bien si no esta este código en tu listado habrá que agregarlo si gustas puedes tomar algunos de mis códigos para que te quede algo parecido a mis gadget no hay problema …. Bien si no tenemos este código lo agregamos asi:
background: url('URL DE LA IMAGEN QUE DESEES PONER') no-repeat;
Podemos ponerlo en cualquier parte de la lista no hay problema alguno o mas bien no debería de haberlo xd.
De igual modo tenemos el height: 24px; el cual pueden modificar también, si no viene en su lista también hay que agregarlo! Pues este código define como ya mencione la distancia de la imagen con el inicio del titulo.
Cualquier duda o aclaración pueden decírmelo aquí en el post okis..
GIFs DIFERENTES AL PRINCIPIO DEL TITULO DEL POST
Bien ahora para hacer un port con una imagen en su titulo pero con imágenes diferentes, es decir, que no siempre sea la misma imagen, a veces quieres de estrellas otras de corazón etc. Haremos esto Te vas a Creacion de entradas >>> Nueva entrada haces tu post y en el titulo pones el siguiente código
<img src="URL DE LA IMAGEN"/>
Como en la imagen de abajo:
|
| click para ver mas grande |
Donde dice “KAWAII” es el titulo del post y asi ya queda una imagen al principio de tu post.
Recuerden que cualquier duda me la hacen saber. Espero que haya sido de ayuda.
Etiquetas: ♪ Blogger, ♪ Tutorial
|
No copies los tutoriales sin mi permiso
Si tomas algo de Kawaii Tutos debes poner creditos
No spam al comentar o en el chat
No insultar
Tolera la opinion de los demas
Si pides un tutorial haslo en la entrada correspondiente AQUI
No olvides comentar ne!
1 Bocadillo(s)
Welcome!
Mi nombre es Sunadokei, me llaman sunachan!
Creado el 03 de Septiembre del 2012
Para Blogger
Para Blogskin
Para PC
Para Web
Photoshop
Trucos