Showing posts with label tutoriales. Show all posts
Showing posts with label tutoriales. Show all posts

18 July 2012


Para aquellos que aun utilizamos las plantillas anteriores de blog, puede que nos perdamos de una de sus mejoras, algo que muchos ya deseábamos con anterioridad, la posibilidad de responder a un comentario en especifico, para darle un orden y un aspecto mas moderno y profesional a nuestro blog. He encontrado dos maneras de hacerlo, aquí les explicare ambos.

Primera forma
1. ir a "plantilla"
2. hacer click en edicion HTML
3. Darle en continuar
4. a lado de los botones "cerrar" , "borrar cambios", "Vista previa" y "guardar cambios" hay una opción de color azul que dice "Restablecer plantillas de artilugios a los valores predeterminados" pinchamos ahí y listo, ya esta habilitada la opción de responder a comentarios.

Aunque esta opción párese ser la mas sencilla, si tu plantilla esta muy modificada puede cambiar la configuración de donde tienes posicionado la opción de comentarios, volviéndola a la básica de blogger

11 July 2012

Modificar el tamaño de una imagen sin necesidad de re-editarla, util para banners y botones.

1. tenemos que tener la imagen guardada en algun servidor, ya sea: blogger, photobucket, tinypic etc.

yaoijocker
http://i.picasion.com/pic40/8bfd0db15389c8031d64021232d028e2.gif

2. arriba se muestra la imagen en tamaño real, y abajo el link de esta, lo que necesitamos para colocarla en nuestro blog es convertirla a codigo html, no se asusten, no tiene mayor ciencia. solo necesitamos el siguiente codigo.


< img border="0"  src="
http://i.picasion.com/pic40/8bfd0db15389c8031d64021232d028e2.gif"  />

en nuestro codigo, sustituiremos lo que esta en verde por el link de nuesta imagen. asi ya es una propiedad html.

3. para cambiar el tamaño de esta imagen sin tener que reeditarla, cortarla y demas lo unico que haremos rea agregar unas propiedades mas.

Bien el tutorial de hoy es para crear un boton similar a este PPikppik


Lo primero que tenemos que hacer es ir a Blogger, dirigirnos a Plantilla > Edicion HTML > Continuar y localizaremos el codigo / ]]>< b:skin y justo ensima colocaremos el siguiente codigo:

.btn {display: inline-block;
background: transparent url(http://2.bp.blogspot.com/_hljKDuw-
cxQ/S32eVQZttxI/AAAAAAAAPKg/ZEPhOn59Rec/s00/demoBoton2.png) repeat-x 0 0;
border: 1px solid #FFF;
padding: 15px 30px 16px 30px;
font-weight: bold;
-moz-border-radius: 15px;
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
} .blue {
background-color: #CCC;
color: #FFFFFF; }
.blue:hover {
background-color:#00C0DD;
color: #ffffff; }
.red {
background-color:#CCC;
color: #ffffff; }
.red:hover {
background-color: #FF004E;
color: #ffffff; }
}

07 July 2012

"ESTE TUTORIAL ES PARA PLANTILLAS NO ACTUALIZADAS A EL NUEVO DISEÑO DE BLOGGER."

Muchos desean agregar la posibilidad de agragar emoticones en los blog, tanto en plantillas como comentarios, aqui les muestro la manera de hacerlo. Originalmente este post lo publique en cutepocket.blogspot.com, si tiene dudas, comentarios o sugerencias 






Herramientas a utilizar
SUBTITLE WORKSHOP
VIRTUALDUB