[Blogger] Tutorial: Imagen hover, se opaca o aclara al pasar mouse
Entras a tu blog, y te vas a Diseño >> Edicion de HTML y le pones Expandir plantillas de artilugios y ahora buscas este codigo:
.img
O
a: img {
Y justo abajo pondras este codigo:
border: 0px;
opacity: 100;
filter: alpha(opacity=100);
-o-transition: opacity 1.5s linear;
border-radius: 10px;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear; }
te quedaria algo asi:
.img o a img {
border: 0px;
opacity: 100;
filter: alpha(opacity=100);
-o-transition: opacity 1.5s linear;
border-radius: 10px;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear; }
Ahora busca este otro codigo
img:hover
o
a:hover img {
Bien justo de bajo de este codigo pon esto:
opacity: .70;
filter: alpha(opacity=100);
-o-transition: opacity 1s linear;
border-radius: 10px;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1.5s linear; }
Y al final quedaria asi:
img:hover a:hover img {
opacity: .70;
filter: alpha(opacity=100);
-o-transition: opacity 1s linear;
border-radius: 10px;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1.5s linear; }
Puede llegar a suceder que en tu plantilla no venga estos codigos si llegara a suceder solo pega los dos codigos finales, para ello busca la seccion de body { o bien el de /* Content en la plantilla de blogger, pones los dos codigos.
Por ejemplo, tu codigo final quedaria asi:
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
img, a img {
border: 0px;
opacity: 100;
filter: alpha(opacity=100);
-o-transition: opacity 1.5s linear;
border-radius: 10px;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear;
}
img:hover, a:hover img {
opacity: .70;
filter: alpha(opacity=100);
-o-transition: opacity 1s linear;
border-radius: 10px;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1.5s linear;
}
Bien cualquier duda decidmela bye Etiquetas: ♪ Blogger, ♪ Tutorial
Visita mi otro blog AITOKAWAII y encuentra material.
[Blogger] Tutorial: Poner un divisor de entradas en mi blog
Te vas a Diseño >> Elementos de Pagina >> Edicion HTLM y Expandir Artilugios y buscas este codigo con Ctrl+F<b:include data='post' name='post'/>
Abajo pones este otro codigo :<center><img src='URL de la imagen'/></center>
queda asi:
Click en guardar y listo
Etiquetas: ♪ Blogger, ♪ Tutorial
Visita mi otro blog AITOKAWAII y encuentra material.
[Blogger] Tutorial: Como modificar la barra lateral scrollbar
Busca la palabra scrollbar en Diseño >> Edicion de HTML y tal vez te salga este codigo::-webkit-scrollbar {
o
::-webkit-scrollbar-thumb {
Estos son los que se modificaran de tal modo que quede asi::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}
Bien en caso de que no venga el codigo scrollbar entonces busca el codigo body { y justo arriba pon el codigo del punto 2).
Te quedara asi::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}
body {
background:url(Tu url de fondo);
font-family: tu tipo de letra;
background-attachment:fixed;
cursor: url(tu cursor), auto;
} etcetera x.x
Bien les explico los terminos para que lo hagan como ustedes quieran
::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}
8px >> Ambos deben ser iguales!! Es el tamaño de la barra que no sobrepase del 10px para que no se vea muy grueso.
#F8E0F1 >> Fondo de la barra. Es el color claro.
#FF94F3 >> El color de la barrita que esta adentro que se mueve. Es el color fuerte.
10px >> Los pixeles de el radio.. te recomiendo dejarlo asi, pero igual experimenta hasta que quede como gustas!
Solo te recomiendo que juegues con los colores de la barra que uno sea mas claro y otro mas oscuro para que se distingan. Da click AQUI para averiguar el codigo de los colores
6) Listo!! ya quedo.... si tienen algun problema o una duda decidmela bye
Etiquetas: ♪ Blogger, ♪ Tutorial
Visita mi otro blog AITOKAWAII y encuentra material.
[Blogger] Poner un reproductor en mi blog
Usualmente nos gusta mucho tener un reproductor en nuestro blog verdad... jejej bueno lo hace ver mas lindo y ademas a los visitantes les agrada oir musica mientras visin tu blog... Bueno para poner uno en tu blog es muy facil si! Solo sigue los pasos siguientes y recuerda visitarme en AITOKAWAII en Material >>Animaciones fash encontraras muchos reproductores mas ne
Ve a Diseño >> Anadir un gadget >> HTML Javascrip y pegas el siguiente codigo modificando lo necesario... tu Repro quedara como el mio que tengo en la izquierda..
<center><embed align="middle" height="10" name="aitokawaii" quality="high" src="https://sites.google.com/site/sunadokei1702/aitokawaii.swf?autoplay=true&f0=https://URL DE TU CANCION.mp3&t0=NOMBRE DE TU CANCION&f1= https://URL DE TU CANCION2.mp3 &t1=NOMBRE DE TU CANCION2&total=2" type="application/x-shockwave-flash" width="200" wmode="transparent"> </embed></center>
Cambia los datos en color... en autoplay pon false si no deseas que se reprodusca automáticamente al abrirse tu blog lo demas creo que es logico x.x
Nota.. Si deseas ponerle mas canciones a tu reproductor solo agrega f2=https://URL DE TU CANCION.mp3&t0=NOMBRE DE TU CANCION& antes de donde dice total=2 y cambia el 2 por 3.... es decir que el total de canciones son 3 y ya no 2 je! el f0 es la cancion 1 el f1 la cancion numero 2 y f2 es la cancion numero 3 y asi sucesivamente despues de el = va la URL de tu cancion.
Recuerda visitar mi otro blog de Aitokawaii para ver mas modelos de reproductores mas lindos..
Byebye
Etiquetas: ♪ Blogger, ♪ Tutorial
Visita mi otro blog AITOKAWAII y encuentra material.
[Blogger] Tutorial: Poner bordes a el titulo del post
1) Te vas Diseño o plantilla en la nueva interfaz >> Edición de HTML >> y buscas el codigo
...O tal vez no los encuentre... entonces busca estos
#main .post h3 {
o
.post h3 {
o
h3 post-title
2) Bien ahora justo abajo pondras este codigo
background: #FFECF5;
border: 2px dashed #000000;
Aparte de el codigo que ya tengas o solo modificalo
Cambia los colores
#FFECF5 Color del fondo
#000000 Color del borde
dashed Estilo de borde, puede ser solid o double.
Listo!
Etiquetas: ♪ Blogger, ♪ Tutorial
Visita mi otro blog AITOKAWAII y encuentra material.
[Blogger] Tutorial: Subir una plantilla XML a tu blog
Entras a tu blog >> Diseño >> Edicion de HTML >> Carga una plantilla desde un archivo de tu disco duro >> Examinar y subir.
Escojes tu plantilla en formato Documento XML. y das en subir y listo!! queda listo para hacer tu propio diseño en la plantilla
 |
| En plantilla antigua |
Si tienes la nueva interfaz de blogger haras lo siguiente Diseño >> Plantilla >> Crear copia de seguridad Restablecer y abajo de donde dice Sube una plantilla desde un archivo de tu equipo. Das click en >> Examinar y subir. Por ultimo cierras y listo!
 |
| para interfaz nueva |
Espero les haya sido de ayuda...
Etiquetas: ♪ Blogger, ♪ Tutorial
Visita mi otro blog AITOKAWAII y encuentra material.
[Blogger] Tutorial: Cbox
1) Te va a 
http://www.cbox.ws/ y te registras en donde dice Sign up, llenas los datos con nombre de tu chat, tu correo electronico, contraseña, Confirmar contraseña, tu pagina de blog, Idioma, y El ultimo asi lo dejas.
2) Ya que te registraste entras a la cuenta de cbox
3) Luego en la parte de arriba te aparecera en el menu una seccion que dice Look&Feel, das click alli y das click en Layout opcions. Asi podras modificar el tamaño de tu chat. Modificalo del tamaño de tu gadget o bien el que tu desees dependiendo donde lo colocaras.
4) En Look&Feel hay mas opciones como Style presents que te da varios chats ya establecidos o bien mejor da click en Colours & fonts para modificar los colores del color que quieras. Experimenta hasta que quede a tu gusto. 
5) Ahora da click donde dice Publish! alli te aparecera abajo un codigo el cual copiaras.
6) Cuando lo copies te vas a tu escritorio blogger y te vas a Diseño>> Añadir gadget>> HTML Javascrip y pegas el codigo y guardas.
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
Visita mi otro blog AITOKAWAII y encuentra material.
[Blogger] Tutorial: Imagen hover, se opaca o aclara al pasar mouse
Entras a tu blog, y te vas a Diseño >> Edicion de HTML y le pones Expandir plantillas de artilugios y ahora buscas este codigo:
.img
O
a: img {
Y justo abajo pondras este codigo:
border: 0px;
opacity: 100;
filter: alpha(opacity=100);
-o-transition: opacity 1.5s linear;
border-radius: 10px;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear; }
te quedaria algo asi:
.img o a img {
border: 0px;
opacity: 100;
filter: alpha(opacity=100);
-o-transition: opacity 1.5s linear;
border-radius: 10px;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear; }
Ahora busca este otro codigo
img:hover
o
a:hover img {
Bien justo de bajo de este codigo pon esto:
opacity: .70;
filter: alpha(opacity=100);
-o-transition: opacity 1s linear;
border-radius: 10px;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1.5s linear; }
Y al final quedaria asi:
img:hover a:hover img {
opacity: .70;
filter: alpha(opacity=100);
-o-transition: opacity 1s linear;
border-radius: 10px;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1.5s linear; }
Puede llegar a suceder que en tu plantilla no venga estos codigos si llegara a suceder solo pega los dos codigos finales, para ello busca la seccion de body { o bien el de /* Content en la plantilla de blogger, pones los dos codigos.
Por ejemplo, tu codigo final quedaria asi:
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
img, a img {
border: 0px;
opacity: 100;
filter: alpha(opacity=100);
-o-transition: opacity 1.5s linear;
border-radius: 10px;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear;
}
img:hover, a:hover img {
opacity: .70;
filter: alpha(opacity=100);
-o-transition: opacity 1s linear;
border-radius: 10px;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1.5s linear;
}
Bien cualquier duda decidmela bye Etiquetas: ♪ Blogger, ♪ Tutorial
[Blogger] Tutorial: Poner un divisor de entradas en mi blog
Te vas a Diseño >> Elementos de Pagina >> Edicion HTLM y Expandir Artilugios y buscas este codigo con Ctrl+F <b:include data='post' name='post'/>
Abajo pones este otro codigo : <center><img src='URL de la imagen'/></center>
queda asi:
Click en guardar y listo
Etiquetas: ♪ Blogger, ♪ Tutorial
[Blogger] Tutorial: Como modificar la barra lateral scrollbar
Busca la palabra scrollbar en Diseño >> Edicion de HTML y tal vez te salga este codigo ::-webkit-scrollbar {
o
::-webkit-scrollbar-thumb {
Estos son los que se modificaran de tal modo que quede asi ::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}
Bien en caso de que no venga el codigo scrollbar entonces busca el codigo body { y justo arriba pon el codigo del punto 2).
Te quedara asi ::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}
body {
background:url(Tu url de fondo);
font-family: tu tipo de letra;
background-attachment:fixed;
cursor: url(tu cursor), auto;
} etcetera x.x
Bien les explico los terminos para que lo hagan como ustedes quieran
::-webkit-scrollbar {
height:8px;
width: 8px;
background:#F8E0F1;
}
::-webkit-scrollbar-thumb {
background-color:#FF94F3;
-moz-border-radius: 10px;
border-radius: 0px;
}
8px >> Ambos deben ser iguales!! Es el tamaño de la barra que no sobrepase del 10px para que no se vea muy grueso.
#F8E0F1 >> Fondo de la barra. Es el color claro.
#FF94F3 >> El color de la barrita que esta adentro que se mueve. Es el color fuerte.
10px >> Los pixeles de el radio.. te recomiendo dejarlo asi, pero igual experimenta hasta que quede como gustas!
Solo te recomiendo que juegues con los colores de la barra que uno sea mas claro y otro mas oscuro para que se distingan. Da click AQUI para averiguar el codigo de los colores
6) Listo!! ya quedo.... si tienen algun problema o una duda decidmela bye
Etiquetas: ♪ Blogger, ♪ Tutorial
[Blogger] Poner un reproductor en mi blog
Usualmente nos gusta mucho tener un reproductor en nuestro blog verdad... jejej bueno lo hace ver mas lindo y ademas a los visitantes les agrada oir musica mientras visin tu blog... Bueno para poner uno en tu blog es muy facil si! Solo sigue los pasos siguientes y recuerda visitarme en AITOKAWAII en Material >>Animaciones fash encontraras muchos reproductores mas ne
Ve a Diseño >> Anadir un gadget >> HTML Javascrip y pegas el siguiente codigo modificando lo necesario... tu Repro quedara como el mio que tengo en la izquierda..
<center><embed align="middle" height="10" name="aitokawaii" quality="high" src="https://sites.google.com/site/sunadokei1702/aitokawaii.swf?autoplay=true&f0=https://URL DE TU CANCION.mp3&t0=NOMBRE DE TU CANCION&f1= https://URL DE TU CANCION2.mp3 &t1=NOMBRE DE TU CANCION2&total=2" type="application/x-shockwave-flash" width="200" wmode="transparent"> </embed></center>
Cambia los datos en color... en autoplay pon false si no deseas que se reprodusca automáticamente al abrirse tu blog lo demas creo que es logico x.x
Nota.. Si deseas ponerle mas canciones a tu reproductor solo agrega f2=https://URL DE TU CANCION.mp3&t0=NOMBRE DE TU CANCION& antes de donde dice total=2 y cambia el 2 por 3.... es decir que el total de canciones son 3 y ya no 2 je! el f0 es la cancion 1 el f1 la cancion numero 2 y f2 es la cancion numero 3 y asi sucesivamente despues de el = va la URL de tu cancion.
Recuerda visitar mi otro blog de Aitokawaii para ver mas modelos de reproductores mas lindos..
Byebye
Etiquetas: ♪ Blogger, ♪ Tutorial
[Blogger] Tutorial: Poner bordes a el titulo del post
1) Te vas Diseño o plantilla en la nueva interfaz >> Edición de HTML >> y buscas el codigo
...O tal vez no los encuentre... entonces busca estos
#main .post h3 {
o
.post h3 {
o
h3 post-title
2) Bien ahora justo abajo pondras este codigo
background: #FFECF5;
border: 2px dashed #000000;
Aparte de el codigo que ya tengas o solo modificalo
Cambia los colores
#FFECF5 Color del fondo
#000000 Color del borde
dashed Estilo de borde, puede ser solid o double.
Listo!
Etiquetas: ♪ Blogger, ♪ Tutorial
[Blogger] Tutorial: Subir una plantilla XML a tu blog
Entras a tu blog >> Diseño >> Edicion de HTML >> Carga una plantilla desde un archivo de tu disco duro >> Examinar y subir.
Escojes tu plantilla en formato Documento XML. y das en subir y listo!! queda listo para hacer tu propio diseño en la plantilla
|
| En plantilla antigua |
Si tienes la nueva interfaz de blogger haras lo siguiente Diseño >> Plantilla >> Crear copia de seguridad Restablecer y abajo de donde dice Sube una plantilla desde un archivo de tu equipo. Das click en >> Examinar y subir. Por ultimo cierras y listo!
|
| para interfaz nueva |
Espero les haya sido de ayuda...
Etiquetas: ♪ Blogger, ♪ Tutorial
[Blogger] Tutorial: Cbox
1) Te va a http://www.cbox.ws/ y te registras en donde dice Sign up, llenas los datos con nombre de tu chat, tu correo electronico, contraseña, Confirmar contraseña, tu pagina de blog, Idioma, y El ultimo asi lo dejas.
2) Ya que te registraste entras a la cuenta de cbox
3) Luego en la parte de arriba te aparecera en el menu una seccion que dice Look&Feel, das click alli y das click en Layout opcions. Asi podras modificar el tamaño de tu chat. Modificalo del tamaño de tu gadget o bien el que tu desees dependiendo donde lo colocaras.
4) En Look&Feel hay mas opciones como Style presents que te da varios chats ya establecidos o bien mejor da click en Colours & fonts para modificar los colores del color que quieras. Experimenta hasta que quede a tu gusto.
5) Ahora da click donde dice Publish! alli te aparecera abajo un codigo el cual copiaras.
6) Cuando lo copies te vas a tu escritorio blogger y te vas a Diseño>> Añadir gadget>> HTML Javascrip y pegas el codigo y guardas.
Etiquetas: ♪ Blogger, ♪ Tutorial
[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!
0 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