Articulos Etiquetados en:

Blogger

Poner la fecha en Blogger

Escrito por: Alberto Lozano

Publicado hace 1053 días, el 01 de agosto, 2010 (Domingo)

0 Comentarios

Para mostrar la fecha y el día actual en tu Blog es muy fácil, simplemente hay que colocar un Widget.

Nos vamos a Diseño > Elementos de la Página > Añadir un elemento HTML/Javascript y pegamos el siguiente script:

<script> var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym<10) daym="0"+daym var dayarray=new Array ("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado") var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo", "Junio","Julio", "Agosto","Septiembre","Octubre","Noviembre","Diciembre") document.write("<p>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</p>") </script>

Ahora lo colocan donde gusten en su plantilla, guardan y listo, así se vería: Lunes, Agosto 02, 2010

Publicado en: Blogger, Tutoriales

Escribe un comentario

Poner un icono o imagen a lado del título del post

Escrito por: Alberto Lozano

Publicado hace 1054 días, el 31 de julio, 2010 (Sábado)

4 Comentarios

Quizá quieras que se vea diferente el titulo de tu post o entrada colocando un icono o imagen a lado como lo tengo yo, para ponerlo no es gran cosa se basa en edición CSS de nuestra plantilla de Blogger.

Primero nos vamos a Diseño > Edición de HTML y vamos a buscar lo siguiente: Nota: para buscar mas fácil los códigos apretamos Control + F.

.post h3 { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; }

Tal vez no será igual al de ustedes pero solo que empiece en ".post h3 {" Solo tenemos que agregar lo que está en rojo y eliminar lo que está en verde.

.post h3 { padding-left: 20px; background: url(URL DE TU IMAGEN) center left no-repeat; margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:$titlecolor; }

Ahora tenemos que cambiar lo siguiente: Donde dice padding-left: 20px; nos indica la distancia entre el título y el icono o imagen que en este caso tiene 20px ahí lo acomodan a su gusto.

Por default el icono se mostrara de lado izquierdo del título (padding-left), si lo queremos a la derecha solamente cambiamos left por right (padding-right).

Y por ultimo donde dice (URL DE TU IMAGEN) coloca el enlace de tu icono o imagen donde lo alojaste. Guardamos la plantilla y listo.

Publicado en: Blogger, Tutoriales

Escribe un comentario

Eliminar aviso de mostrar todas las entradas

Escrito por: Alberto Lozano

Publicado hace 1057 días, el 28 de julio, 2010 (Miércoles)

1 Comentario

Tal vez a algunos no le den importancia a este aviso o notificación, que sale cada vez que seleccionamos una etiqueta y se ve encima de las entradas.

Para eliminarlo es fácil solamente nos vamos a Diseño > Edición de HTML > Expandimos los artilugios y buscamos el siguiente código:

<b:include data='top' name='status-message'/>

Lo eliminamos, vemos la vista previa, y si todo está bien guardamos.

Visto en | Gemablog

Publicado en: Blogger, Tutoriales

Escribe un comentario

Como poner los últimos comentarios y los últimos posts en Blogger

Escrito por: Alberto Lozano

Publicado hace 1079 días, el 06 de julio, 2010 (Martes)

0 Comentarios

Como habíamos visto en otra entrada anterior sobre como poner los últimos comentarios en Blogger, esta es otra forma de hacerlo y más fácil y también poner los últimos posts o entradas en la sidebar.

Últimos comentarios

Nos vamos a Diseño > Elementos de la página > Añadir un Gadget y seleccionamos el de Feed.

Ahora donde dice Url del Feed le ponemos: http://tublog.blogspot.com/feeds/comments/default solo cambiamos lo que está en rojo por tu Blog.
Después tendremos que configurar las opciones, como son el título, la cantidad de artículos mostrados, la fecha del artículo, el nombre del autor y si quieres que se abran en una ventana nueva y por ultimo le damos en guardar.

Y listo ahora podremos mostrar los últimos comentarios en tu Blog.

Ultimas Entradas o Posts

Todo el procedimiento anterior sobre los comentarios, es lo mismo con el de las entradas, solamente lo único que cambia es que en donde dice Url del Feed le pondríamos: http://tublog.blogspot.com/feeds/posts/default y la configuración del feed seria lo mismo y listo!

Publicado en: Blogger, Tutoriales

Escribe un comentario

Agregar botón de Facebook "Me gusta" a Blogger

Escrito por: Alberto Lozano

Publicado hace 1083 días, el 01 de julio, 2010 (Jueves)

3 Comentarios

En Facebook hay un plugin social en forma de botón llamado "me gusta" para las paginas y grupos que te agradan, pero ahora también ese botón lo podemos colocar en las entradas o posts de Blogger, así tus visitantes si les agrado o les sirvió tu información lo compartan en su perfil de Facebook y así tener más tráfico en tu Blog.

Para colocarlo es muy fácil:

Primero nos vamos a Diseño>Edición de HTML y expandimos los artilugios.
Y buscamos el siguiente código:

<div class='post-footer-line post-footer-line-1'/>

Debajo de esta línea pegamos lo siguiente:

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=450&height=60&action=like&font=tahoma&colorscheme=dark"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:20px'/>

Lo puedes añadir en cualquier parte pero se vería mejor debajo de cada entrada o post, ahora tenemos que cambiar algunos valores para que quede a nuestro gusto o dejarlo como esta, es opcional.