Búsqueda de Temas

jueves, 27 de septiembre de 2007

Como agregar Bookmarks a tu blog (Blogger)

He creado este articulo porque he visto que muchos bloggers tienen la duda (como hace algunas semanas yo) de como insertar o agregar bookmarks a su blog, en este caso de Blogger (no lo he probado en Wordpress).

Un bookmark es un marcador que permite enviar una noticia y compartirla valiendonos de distintos servicios web, graficamente se ve algo como:


Lo que deben hacer es ir a Plantilla> Edicion de HTML. Alli antes que nada hagan click en "Descargar plantilla completa" para crear una copia de seguridad por si hacen mal los cambios, luego clic en "Expandir plantillas de artilugios", dejenla marcado con el check.

Luego en la plantilla buscan el tag </head> y antes de eso pegan este codigo:

<style type='text/css'>
.pushbutton a:hover{
position: relative;
top: 1px;
left: 1px;
outline:none;
}
.bookmark table{
background-color:#000911;
border:1px hidden gray;
padding:2px;
}
.bookmark td{
font-size: 1em;
text-align: center;
vertical-align: middle;
color: #CCCCCC
}
.bookmark img{
vertical-align: middle;
}
</style>

Eso para dar el efecto de boton a la imagen.

Luego despues de <p class='post-footer-line post-footer-line-3'/> pegan este codigo:

http://knxdtblog.googlepages.com/bookmarks.txt

Guardan la plantilla y listo.

PD: Editar el codigo puede conllevar a errores en la validacion de la plantilla.

20 comentarios:

El Vengador Tóxico dijo...

Un artículo muy útil que ya he puesto en práctica. ¡Gracias por ello, y enhorabuena por tu blog!

Anónimo dijo...

Tengo una duda, tu dices: "Luego en la plantilla buscan el tag y antes de eso pegan este codigo"
Pero no entiendo muy bien en que lugar hay que pegar ese código. Perdonen mi ignorancia

Percy Salazar dijo...

No hay nada que perdonar, (fue error mio) olvide validar el codigo para que sea visible en Internet Explorer, ahora si, el codigo de style va antes del tag </head>.

Debe decir:"Luego en la plantilla buscan el tag </head> y antes de eso pegan este codigo:
"

EL MAGNÍFICO dijo...

Percy:

También lo apliqué y me resultó.
Solo que hice lo mismo que Masterxp, quité la publicidad por cada post, pero te agregué al Blogroll.
Este es mi blog
http://elblogazodelcomic.blogspot.com/

Voy a recomendar este sitio, estoy descubriendo cosas muy prácticas que desconocía. Muchas gracias.

Saludos!

Ficticio dijo...

Tenía que haber comentado esto, hace tiempo pero me quedé sin conexión, a ver, en mi configuración de plantilla no está ni el boton de Descargarplantilla completa, ni el de "Expandir plantilla de artilugios"!!! que hago Zebedéo!!???

Percy Salazar dijo...

Realmente me sorprende el hecho que no tengas esas opciones ya que son propias de Blogger. Lo de "Expandir plantilla de artigulios" no tengo idea como puedas hacerlo si es que no lo tienes. Tal vez sea tu version de Blogger ¿cual usas?

En cuanto a crear una copia, puedes seleccionar todo el codigo y copiarlo en un block de Notas.

Seria conveniente que me mandes un screenshot (captura de pantalla) de tu Edicion de Plantilla. Saludos.

PD: Siempre usa vista previa antes de grabar los cambios para previsualizar el diseño.

Daniel Valerio dijo...

No me salio porfa si pudieras ser mas especifico en el codigo html no encontre tag /head. Porque la verdad ahun soy novato en la materia gracias

neosho dijo...

Hola, me sirvió de mucho tu código, lo aplique en mi blog http://neoshomkt.blogspot.com del que ya me diste algunos buenos consejos, gracias por todo, un saludo.

MoMo dijo...

Vaya muchas gracias,ha sido muy sencillo.

Daniel dijo...

Quiero poner marcardores como los que estén en este blog. (con el texto de la izquierda cambiando según pasamos el mouse). Te agradeceré información.

Percy Salazar dijo...

Daniel Valerio, para buscar el tag /head conviene que uses el buscador de texto, para los navegadores suele ser CTRL+F (mejor usado en Firefox).

Neosho, me alegra que te sirviera, gracias por la visita. Saludos.

Momo eso intento, que se haga sencillo.

Daniel estate atento, pondré la actualización en breve, porque es un poco mas compleja la aplicacion de esos codigos y no quiero confundir a los demas con vectores y arreglos. Paciencia, yo lo pongo.

MonikaMDQ dijo...

Hola
acabo de hacer todo segun tus indicaciones, supongo que quedó bien, pero no entiendo porque el codigo txt que pegué en mi plantilla tiene tu dire : http://www.knxdt.com/
(me refiero al codigo que dice "Inicio blogroll ......"
o sea , mi pregunta es ahi no debería ir mi blog en vez del tuyo?
perdon mi tremenda ignorancia en el tema.
gracias y espero tu respuesta

KnxDT dijo...

No hay de qué apenarse. Sólo sigue las indicaciones :). Ese código luego de donde dice "Inicio Blogroll" al igual que otras líneas similares están en modo "comentario", es decir, forman parte del código pero no se ejecutan. Son comentarios en HTML.

Un ejemplo de un comentario sería éste:

<!-- Esta línea es un comentario -->

Otro ejemplo:

<!--=== Esta línea es otro comentario === -->

En realidad los comentarios en HTML son todos los códigos que se inician con <!-- y terminan en -->.

He puesto la dirección de mi web al inicio porque hay otros lugares que luego me copian el código o enlazan ese texto y dicen haber sido ellos los creadores ... y me tomó algunos minutos hacerlo :D.

MonikaMDQ dijo...

Despues que mandé el comentario entendí que seria por eso pero no quise borrar el comentario.

Tenés razón no es bonito que otro se copie algo que vos hiciste y te llevó tu tiempo para que ese otro presuma haberlo hecho él.

Gracias por tu ayuda, te seguiré leyendo.
Muy bueno tu blog.
besos

KnxDT dijo...

;) Placer que me causas. Besos para usted también señorita jurado.

MonikaMDQ dijo...

ahajaja...gracias, pensé que no habías leido/visto mi post del slip open xD
De hecho, no se como mover tu comentario a otro post (para que no quede ahi en el del slip, porq no tiene nada que ver jaja) pero creo q eso en blogger no se puede hacer...¿?
besos

KnxDT dijo...

No, no se puede :D. Al menos no me he puesto a meterle mano al código para intentar hacerlo, sin embargo puedes borrarlo.

El comentario era simplemente informativo. ;)

MonikaMDQ dijo...

Vale, vale...
Entonces con tu permiso (y el mio xD) lo borraré.
De todas formas 1: ya queda el link a tu web ( en mis bookmarks) para todos mis lectores, que es incluso mejor que si estuvieras en mi blogroll y lo has de saber
De todas formas 2: te agregaré a mi blogroll
MuchasSsssssss gracias por tu buena onda!
besos again

KnxDT dijo...

Jajaja xD. Adelante entonces chica, tienes mi bendición.

Gracias por las consideraciones. Ya pronto estaré trabajando en una sección que agrupe todos los tags de ayuda Blogger para los que usen el CMS de Google.

JaG OfouR dijo...

hey tremendo truco, les dejo mi blog para que observen como le quedo.

http://www.usuarionet.blogspot.com

Contáctame