JessiRocks Tutoriales

Separar las entradas con un divisor

Publicado por JessiRocks martes, 25 de septiembre de 2012

Holaa chicas!!:D Hoy les traigo un tutorial de como separar las entradas con un divisor.
Quedará muy cute :B
Bueno,hay 2 formas de hacerlo. Comencemos con la primera forma..
Forma 1:
Nos dirigimos a: Plantilla >> Edicion HTML >> Expandir Artilugios de plantillas . Y apretamos CTRL + F para buscar el siguiente codigo:
<b:include data='post' name='post'/>
Debajo de ese codigo pegaremos este:
<center><img src='URL de imagen(De tu separador)'/></center>
Vista previa >> Guardar.
Forma 2:
Plantilla >> Edicion HTML y pulsamos CTRL + F para abrir el buscador,y buscamos el siguiente codigo:
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
}
Y cuando lo encuentres,vas a BORRAR ese codigo y lo vas a REEMPLAZAR por este:
.post {
background: url(Url de tu divisor);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:5.5em;
}

Liisto!! :'D Espero que les haya servido este tuto Chau!!

Efecto arcoiris en las imagenes!!

Publicado por JessiRocks lunes, 24 de septiembre de 2012

3 Caritas Felices

Sii,efecto arcoiris en las imagenes!Para ver el efecto pasa el cursor sobre la siguiente imagen:

Waaw!!Es muy lindo :3 Bueno,comencemos con el tutorial!!

Plantilla >> Edicion HTML >> Buscamos el siguiente codigo con CTRL+F:

]]></b:skin>

Y pega el siguiente codigo justo arriba de ]]></b:skin> .

img {

filter: hue-rotate(360deg);

-webkit-filter: hue-rotate(360deg);

-moz-filter: hue-rotate(360deg);

-webkit-filter;(1);

-webkit-transition: all 0.7s linear;

-moz-transition: all 0.7s linear;

transition: all 0.7s linear;}

img:hover {

filter: hue-rotate(0deg);

-webkit-filter: hue-rotate(0deg);

-moz-filter: hue-rotate(0deg);

-webkit-filter;(0);}

Pone Vista previa y Guardar plantilla. Y listo!!Tu cabecera,tus botones o todas las fotos que tengas en tu blog tendran el efecto "Rainbow".

Chau!!Suerte con su blog :)

Efecto Arcoiris en los links

Publicado por JessiRocks

1 Caritas Felices

Hola!!Hoy les traigo un efecto Arcoiris en los links :B a si sus links quedaran muy bonitos.
Comencemos>>Sigan los siguentes pasitos:
1)Copia este codigo:

<script src='http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/rainbowlinks.js'/>
2)Ve a Diseño>>Añadir Gadget>>HTML/Javascript>>Pegamos el codigo que copiamos anterior mente (Esta aqui arriba remarcado con celeste claro). Luego ponemos Guardar y listo!

Chau!!Espero que les guste el efecto arcoiris en los links :)

Si tomas el tutorial porfavor da los creditos!!:)

Como cambiar la plantilla Blogger (Descargada)

Publicado por JessiRocks

0 Caritas Felices

Para descargar una plantilla les recomiendo esta pagina: http://btemplates.com/

Bueno,una vez que tenemos la plantilla descargada:

~Paso 1

Vamos a:*Descargas* >Abrimos el archivo RAR>Copiamos el codigo HTML de la plantilla descargada y listo.

~Paso 2

Vamos a nuestro escritorio blogger>Plantilla(Edicion HTML),ponemos Continuar>Seleccionamos TODO el codigo HTML de la plantilla en uso y lo eliminamos.

~Paso 3

Volvemos a copiar el codigo HTML de la plantilla que habiamos descargado y lo pegamos en donde Eliminamos el codigo anterior.

Damos Vista Previa y si vemos que todo esta en orden ponemos: Guardar Plantilla.

ADVERTENCIA:Al eliminar tu plantilla se eliminaran todos tus Gadgets,tendras que poner todo nuevamente en codigos HTML. (Lo veran aca,en este blog) .

Chau!Espero que les Haya servido este post :)