JMiur [E]

Estamos acostumbrados a agregar gadgets para cualquier cosa y si bien a veces es una forma cómoda de resolver algo, hay circunstancias en que son inacecuados y hacerlo a mano es más provechoso.

Los botones de suscripción o bookmarks son un ejemplo de ellos. Blogger mismo tiene un elemento llamado Enlaces de Suscripción, muy pobre y limitado. Otros son mejores pero, generalmente son excesivos y poco configurables, están en inglés y uno siempre duda si alguien los usa ya que incluyen servicios de los que jamás hemos escuchado hablar.

Agregar ese tipo de botón es bastante sencillo ya que sólo se trata de enlaces que envian a algún servicio la dirección URL de una entrada y el título de esta y ambos datos son accesibles. En entradas recientes, Mamanunes explica la forma de agregar un gadget y Gem@ nos explica el método a seguir para incluir esos botones en nuestra plantilla.

No es demasiado complicado crear uno mismo su propia botonera, de hecho, algo similar fue de los primeros hacks que existieron para Blogger y creo que aún podrían tener vigencia o por lo menos, ser una altdeernativa viable.

En todos los casos, necesitamos la URL a donde se envia, algo que varía con cada servicio. Además, necesitamos dos datos más que varian y a los que Blogger nos permite acceder: la dirección de la entrada (data:post.url) y su título (data:post.title). Con esas tres cosas, construiremos los enlaces a los que podremos personalizar a gusto, ya sea con textos o con imágenes y los pondremos en la plantilla, por ejemplo, en el footer de cada entrada donde suele haber una serie de sectores llamados post-footer-line post-footer-line-1, post-footer-line post-footer-line-2, etc así que, dependiendo de dónde nos guste verlos, incluiremos al botonera en uno de ellos o crearemos otro. Aquí un ejemplo haciendo que se alineen a la derecha:
<p class='post-footer-line post-footer-line-4'>
<span style="float: right; margin: 0 10px 0 0;">
... el código de los enlaces a cada servicio ...
</span>
</p>
Esta son algunas de las posibles alternativas:

<a expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title'> texto/imagen </a>

<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url+ &quot;&amp;title=&quot; + data:post.title'> texto/imagen </a>

<a expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'> texto/imagen </a>

<a expr:href='&quot;http://promote.orkut.com/preview?nt=orkut.com&amp;du=&quot; + data:post.url + &quot;&amp;tt=&quot; + data:post.title' target='_blank'> texto/imagen </a>

<a expr:href='&quot;http://www.plurk.com/m?content=&quot; + data:post.url + &quot;&amp;qualifier=shares&quot;'> texto/imagen </a>

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+data:post.url + &quot;&amp;title=&quot; + data:post.title'> texto/imagen </a>

<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url'> texto/imagen </a>

<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot;: &quot; + data:post.url'> texto/imagen </a>

<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'> texto/imagen </a>

o bien:
<a expr:href='&quot;http://www.google.com/reader/link?srcURL=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title'> texto/imagen </a>

Incluso, podría agregarse una muy simple para enviar las entradas por correo:
<a expr:href='&quot;mailto:?subject=MIBLOG&amp;body=&quot; + data:post.title + &quot; : &quot; + data:post.url'> texto/imagen </a>
Como se ve, todos los enlaces tienen más o menos el mismo esquema:
<a expr:href='&quot;URL_servicio&quot; + data:post.title + &quot;: &quot; + data:post.url'>
Este esquema base lo podemos ampliar agergándole atributos, por ejemplo, así no los indexamos (que sería lo lógico), les colocamos un título y los abrimos en una nueva ventana:
<a expr:href='&quot;URL_servicio&quot; + data:post.title + &quot;: &quot; + data:post.url' rel='nofollow' target='_blank' title='mi titulo'>

78 comentarios:

Angel Cba  

Fantastico justo lo que venia pidiendo a gritos, pero me gustaria hacerte una ultima cuestion, como hacer para que la ventana de el boton de google buzz sea emergente y que tenga un tamaño predefinido por nosotros, ya intente con el boton que yo diseñe a mi blog, pero no se que sea que no sale el pop up, simplemente se abre en una ventana nueva, es mas se habre en una pestaña nueva ignorando la orden de que sea en un popup.

esto es lo que le estoy agregando
onclick="window.open(this.href, this.target, 'width=755,height=676'); return false;"

Responder
Angel Cba  

Bueno te dejo todo mi codigo para que tengas una mejor perspectiva

http://sites.google.com/site/xkflowne/archivo/botonbuzz.txt

Responder
Gem@  

Parecería sencillo pero no lo es tanto porque no se trata de simples enlaces por eso me gusta cuando explicas las cosas porque dejas claro el cómo, por qué y dónde :)

Responder
Bocha  

volvi a meter abajo de todo la paginacion... y quedo lindo, ahora mi duda... como hago para acortar la distancia que hay entre esa paginacion y la parte de abajo del contorno del MAIN. ??

En esta foto te muestro que parte es:

http://img203.imageshack.us/img203/836/676767.png

Responder
Bonzu Pipinpadaloxicopolis III  

Hola JMiur, en mi blog las letras en IE se ven como cuadradas y en firefox redondeadas, viendo tu blog en los dos navegadores las fuentes siempre se muestran redondeadas, ¿cómo lograr eso?.
A y mientras veía vagabundia en IE me apareció una ventanita de error, aquí la captura http://lh5.ggpht.com/_7FKsLpdNk4k/S3js5TKnTNI/AAAAAAAAI5o/bcXzHaWExPM/s640/curv_obj_vaga.jpg

Responder
Maria Dic  

muchas gracias por la buena explicacion

Responder
JMiur  

Lagarto:
El problema con eso es que generar un código tan complejo en la plantilla de Blogger es un lio extraordinario entonces, se me ocurre que lo mejor sería simplificarlo,c reando una función de JavaScript que se llamaría así:

<script type='text/javascript'>
buzz(&#39;<data:post.url/>&#39;,&#39;<data:post.title/>&#39;);
</script>

Y ahora, la función:

function buzz(url,titulo) {
url = "http://www.google.com/reader/link?url=" + url + "&amp;title=" + titulo;
opciones = "width=500, height=200"
salida = "<a alt='Buzz' href='javascript:void(0)' onclick='window.open(\""+ url +"\",\"buzz\",\"" + opciones + "\");' rel='nofollow' title='Buzz'><img src='http://sites.google.com/site/xkflowne/archivo/buzz.png'/></a>";
document.write(salida);
}

Por las dudas, todo eso esta en este TXT porque es un infierno escribir eso :D

Responder
JMiur  

Gem@:
En realidad, es más engorroso que complicado y Blogger no ayuda en eso con tanto &quot; :D

Bocha:
Una posibilidad es reducir el padding inferior de:
#main .widget {
margin:0;
padding:10px 13.6px 0 12px;
}

Bonzu:
En realidad, las letras no se ven iguales en ambos navegadores. Podrías probar con otro tipo de fuente.
Lo del mensaje de error, ni idea, para mi es una novedad :)

Responder
José GDF  

Anoche precisamente estuve quebrándome la cabeza para conseguir esos códigos. Lo logré. Sin embargo, me faltaba el enlace a compartir con Buzz y puede que agregue alguno más, como Friendfeed, siempre que encuentre un botón que haga juego con los que ya tengo puestos.

Lo de poner el no-follow en esos enlaces no se me había ocurrido.

¿Debo entender que estos servicios son los que recomiendas? Echo de menos más sitios de habla hispana, como Bitácoras o Menéame.

Responder
Bocha  

Muchas gracias, quedo perfecto!!.

Saludos y que gran blog este!

Responder
Angel Cba  

Gracias lo voy a provar aver que tal queda

Responder
Gem@  

No dije nada ;) por si alguien más está buscando

Responder
JMiur  

José GDF:
No. No recomiendo nada en absoluto. Quñe servicios agregar o cómo usarlos, es algo muy subjetivo. De Bitácoras no sé si hay un enlace para hacer esto, tiene botones pero hacen otra cosa. Menéame no me gusta en absoluto :D
En realidad, lo lógico es ver qué es aquello que realmente nos es útil y para eso, hay que analizar las estadísiticas de cada sitio. No todo sirve, dependerá de lo que querramos ahcer de nuestro blog.

Gem@: ¿Usted dice esto? Me hubiera servido para esta entrada :D

Responder
Alex González  

muy bueno muy bueno y más el de google buz gracias

Responder
Gem@  

Los encontré después de preguntar pero no quería hacer spam por eso enlacé la página del autor :S

Responder
José GDF  

Por si alguien lo quiere, aquí lo comparto, el código que estoy usando para Bitácoras:

<a rel='nofollow' expr:href='"http://bitacoras.com/anotaciones/" + data:post.url'><img alt='votar' expr:src='"http://widgets.bitacoras.com/votar/mini/" + data:post.url' style='border:0;height:16px;' title='Vota esta entrada en Bitacoras'/></a>

No requiere imagen. He aprovechado para ponerle el nofollow.

De regalo, el código que genera el botón para compartir en MySpace, que no está tan en boca de todos como hace unos años, pero alguien puede que lo use, ¿no?

<a expr:href='"http://myspace.com/Modules/PostTo/Pages/?u=" + data:post.url + "&t=" + data:post.title' rel='nofollow' target='_blank' title='Compártelo en MySpace'><img src='URL_BOTON'/></a>

Este requiere imagen para el botón.

El de Menéame ni se me ocurriría, vista la antipatía que le tienes, así que lo respeto ;)

Responder
JMiur  

Me alegro que sirva, Alex :D

Vamos, Gem@ ¿Quién va a creer que usted esté haciendo spam? :D

Responder
Gem@  

Vale, no digo que nadie lo piense pero que no me lo vi correcto, además los iconos los crearon ellos yo me los llevé prestados :)

Responder
JMiur  

José GDF
El de bBitácoras lo había visto y por eso decía de las diferencias, me hubiera gustado más que en lugar de votaciones, tuvieran alguna otra clase de integración pero, es lo que hay :D

El de MySpace no lo conocía así que viene bien :D

Por lo de Menéame, no se preocupe, lo hubiera puesto sin problemas; creo que es así:

<a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Meneame'>
<img src='URL_BOTON'/>
</a>

Responder
MamaNunes  

Esto es lo que llamamos "adianto" (seguir adelante). Información completa. ¡Gracias Maestro! :D

Responder
Anónimo  

JMiur, he usado el codigo de Google Buzz y he utilizado la imagen de botón tipo tweetmeme para Google Buzz visto en el blog de Gema y ha quedado genial, pero me ha desaparecido el botón de tweetmeme de los tres blogs, no creo que sea por incompatible, esperare a ver que pasa :( Gracias.

Responder
Anónimo  

JMiur que extraño, he probado con otros navegadores y Tweetmeme en este momento no se ve con Firefox, o al menos me ocurre a mi, con los demás navegadores incluido Internet Explorer no hay problema.

Responder
Anónimo  

JMiur ya lo he solucionado, he pasado Ccleaner por recomendación de Malina y todo ha vuelto a la normalidad, me extrañaba que Firefox hiciera el tonto. Saludos!

Responder
JMiur  

Saludos, MamaNunes. Ojalá resulte útil :D

Carlos: Me alegro que se arreglara, era raro de verdad.

Responder
Onetwothree  

Hola Jmiur,

Quería preguntarte como podría incluir esta utilidad en una plantilla si ésta no tuviese 'post-footer', es que tengo una plantilla personalizada que no tiene post-footer.

Quería incluirlo al final de cada entrada pero sólo cuando visualizas una entrada no cuando ves todo el blog.

Un saludo

Responder
JMiur  

Si sabes cuál es ese final, simplemente, agregas el código, por ejemplo, en una etiqueta DIV:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div>
... y aca colocas los enlaces ...
</div>
</b:if>

Responder
Onetwothree  

@Jmiur:

Tengo otro elemento antes del final de las entradas (el final de las entradas lo tengo delimitado con un "").

Así que sería meter este complemento de bookmarks en un div justo antes de ese elemento final que tengo como me has dicho arriba, no?

Responder
Carlos Javier  

Esta info me ha venido perfecta, sin embargo tengo un problema:

He tratado de hacer mi enlace para compartir contenido en LinkedIn con base en la información que ellos mismos proponen y la que he visto aquí, sin embargo, no he conseguido nada más allá que enlazar al home de LinkedIn. ¿Alguien podría hacerme el favor de ayudarme con esto?

Gracias JiMiur por compartir el contenido de este post.

Saludos y una excelente semana! :)

Responder
Esteban  

Muchas gracias amigo JMiur, gracias a este post pude agregar marcadores sociales a mi blog :D

Un gran saludo!

Responder
JMiur  

Onetwothree:
Sí, entiendo que si. De todas formas, es algo que puedes probar con vista previa y verificarlo.

Carlos Javier
No tengo los datos de LinkedIn ni tengo cuenta, si me das la información, me fijo a ver si es posible hacerlo.

Perfecto, Pepiche. La verdad, me parece que es más útil que los servicios esos que andan dando vueltas por ahí porque es mucho más configurable.

Responder
Carlos Javier  

Hola JMiur:

El código que ellos proponen (puedes verlo aquí) para hacer los enlaces es este:

http://www.linkedin.com/shareArticle?mini=true&url={articleUrl}&title={articleTitle}&summary={articleSummary}&source={articleSource}

... Y ponen como ejemplo el siguiente:

http://www.linkedin.com/shareArticle?mini=true&url=http%3A//www%2ecio%2ecom/article/364213&title=Green%20IT%20at%20Washington%20Mutual%20Saves%20Lots%20of%20Green%20%28Money%29%20--%20and%20Electricity%20and%20Trees%2C%20Too&summary=CIO%20Debora%20Horvath%20is%20leading%20a%20cross-functional%20effort%20to%20cut%20WaMu%27s%20computing%20costs%20and%20environmental%20impact.%20Here%27s%20how%20WaMu%20got%20started%2C%20takes%20advantage%20of%20its%20green-thinking%20employees%20and%20is%20already%20saving%20millions&source=CIO.com

Sin embargo, no doy pie con bola para establecer un código que pueda funcionar de manera automática para cualquier entrada. Como te dije antes, todo lo que consigo es que el enlace direccione a la página de inicio de un usuario de LinkedIn... na' ma' :(

Se supone que de estar bien hecho el enlace, lo que debiera aparecer es algo como esto: ver imagen.

Por cierto, te jodo con otra cosa: acabo de ver que tienes en Vagabundia un enlace que dice "Blog This"... hace un tiempo que vengo pregunándome cómo hacerlo... ¿Me podrías ayudar también con eso por favor?

Como siempre mil gracias viejo, y mil disculpas por las molestias.

Saludos! :)

Responder
LdeListo  

JMiur muchas gracias me sirvió mucho esta entrada. Mira tienes un errorsillo en el link de Delicious, en la parte de "title"" debería ser "title="" te faltó el "=".

Para que el quiera saber el link funciona así como esta, solo que sin el "=" no se coloca el titulo de la entrada automáticamente cuando se va a agregar a delicious. Un saludo y de nuevo gracias ;)

Responder
JMiur  

Carlos Javier:
Ahi dicen que los 4 parámetros son optativos y en Blogger, hay dos que no servirían: summary y source así que sólo irian URL y titulo. Algo así:

<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url+ &quot;&amp;title=" + data:post.title'>
texto/imagen
</a>

Espero que se entienda porque es bastante enredado. Eso si, como con muchos otros, para enviar algo, debes estar previamente logueado en el servicio.

El BlogThis sólo es un enlace, es simple, sería así:

<a expr:href='data:post.createLinkUrl' target='_blank'> texto/imagen </a>

Llisto:
Ahora me fijo y lo corrijo.

Responder
Carlos Javier  

De pelos!... no funciona como en la imagen que te pasé antes, pero para mi gusto está todavía mejor!!! Mil gracias viejo... sobretodo por tomarte el tiempo y la molestia (ojalá algún día haya alguna forma de retribuírtelo). Excelente ejemplo el tuyo de "Ética Hacker" al 100%.

Saludos!

Responder
JMiur  

Me alegro que funcione :D

Responder
EPA  

Hola !!.Ya te consulte esto antes (con otro perfil)
Llevo ya no se cuanto tiempo tratando de poner en el footer los iconos sociales y además los iconos de "guardar como pdf" "imprimir el post", "enviar el post por correo"
Los botones de guardar pdf que vienen gratuitos son muy feooos!!!

Alguna ayuda para hacer esto?. Te dejo un dibujo que explica mejor esto!!.

http://lh5.ggpht.com/_Pe-iq3mf1eg/S7eVd0PuLRI/AAAAAAAAAcY/Or3Kirr_zIE/s400/botones%20en%20el%20footer%20antes%20y%20despues.jpg

Gracias !!!!
Gra

Responder
JMiur  

Tendría que ver el ejemplo en tu blog aunque no fuera exacto porque dependerá de las propeidades de todo el sitio.

Responder
EPA  

Hola !!!! Gracias por contestar..Esto se vé haciendo click en cualquier entrada de:
www.esperanzaparaelautismo.blogspot.com
(necesitas algo más para verlo?, perdon pero no sé mucho de esto...)
Gracias!!
Gra

Responder
EPA  

Te refieres a ver la plantilla ?
aqui va:
http://sites.google.com/site/epaparaguay/archivador/template-7346625238353250368.txt?attredirects=0&d=1
(vi que otro visitante lo hizo, esta bien?)
Saludos cordiales !!!
GRA

Responder
JMiur  

A ver si entendí.

Cambiar esa parte debería ser sencillo, cada elnlace tiene una imagen y lo que ahora existe, funciona. Si quieres agregar un boton para enviar por mail, el código esta en este mismo post.

Si quieres agregar un botón para imprimir, hay muchas maneras, la más simple es esta:
<a href='javascript:window.print(); void 0;'> <img src="laImagen" / > </a>

Si quieres agregar uno para descargar las entradas en formato PDF, ahí ya requieres utilizar un servicio externo que las convierta y aque no hay instrucciones específicas para eso.

Responder
EPA  

Genial !!! Gracias!!!!..Ya está lo de imprimir ....Ahora, el tema de los servicios de guardar como pdf es que los botones que ofrecen o estan en ingles o son requete feos...yo veo en muchas paginas web (en pocos blogs, no se porque sera) que tienen unos botones muy lindos para guardar o exportar a pdf y que hacen juego con todos los demás que tienen al lado. Los servicios gratuitos online no te permiten modificar los botones..ese es mi mayor escollo...
Saludos !!!!!!!
Gra

Responder
JMiur  

Deberías mostrarme alguno de esos que has visto y me fijo de que se trata.

Responder
EPA  

Hola !!!
Te doy una idea de como quiero que salga:
Por ejemplo en :
http://www.diariosalud.net
en un artículo al hacer click en el boton de pdf se convierte en un pdf con opcion a grabar imprimir o sólo leer...

En otras webs se "reordena" la pagina para imprimir lo justo y necesario..(sin imagenes, o sin publicidad)

Lo que he encontrado:
el famoso:
web2.pdfonline.com
y
http://www.web2pdfconvert.com/pdf-button.aspx

http://www.html-pdf-converter.com/ ( ingresar la URL)
-http://www.webadictos.com.mx/2010/01/18/convertir-paginas-a-pdf-con-pdfmyurl/hay que ingresar la URL
-http://www.guardarcomopdf.com/
aparece una pantalla de convertir online archivos doc, txt ,etc, de LA PC

En esta web hay varios:
http://www.elwebmaster.com/articulos/4-herramientas-online-para-convertir-html-en-pdf
-web2pdf (Servicio gratuito de conversión de HTML a PDF para websites y blogs que permite guardar rápidamente archivos PDF) -Htm to PDF (Herramienta de conversión que convierte las páginas web directamente desde el navegador. ingresar la URL!!)
-PdfonFly (Servicio de conversión PDF convertir pág webs, reportes e imágenes en archivos PDF, ingresar la URL y el codigo de seguridad!!)
-Tabbloid (Herramienta de conversión que transforma tus feeds en un archivo PDF) (que tal algo con estooo??)

Otro link
Opciones para convertir formatos de archivo en PDF (o viceversa)
http://esnuevo.wordpress.com/2009/01/07/opciones-para-convertir-formatos-de-archivo-en-pdf-o-viceversa/

Todo es lo mismo: es decir procedimientos manuales: introducir la URL , algunos los codigos de seguridad...o subir archivos a convertir desde la PC....

La otra opcion es la barra de ADD THIS, que incluye todo (iconos sociales, imprimir y guardar como pdf) pero no puedo poner ventanas emergentes ni nada complicado y nada en ingles (nuestros usuarios no son expertos....)
El otro tema es que debe ser valido tanto para Firefox como para IE
Bueno,complicado, no?
Luego de haber escrito tanto y ya darme verguenza, te saludo cordialmente!!!
Gra

Responder
JMiur  

Varios de esos ejemplos no son válidos para Blogger porque, o son plugins para WordPres o bien requieren un hosting propio que permita ejecutar archivos PHP. En Blogger sólo puedes utilizar algún servicio externo ¿cuál? Eso ya es subjetivo.

Responder
EPA  

Bueno, Gracias por darle una mirada !!!!....parece que me las arreglaré con lo disponible para blogger entonces !!!!
Gracias de nuevo!!
Saludos cordiales
Graciela

Responder
Carlos Martínez  

Hola.... otra vez yo, veras, pasa algo extraño, probe la condición sin los enlaces, unicamente iconos para ver que funcionara y perfecto, pero cuando comienzo a colocar los enlaces nada.... luego quito "expr:" y vuelven a salir, pasa algo extraño con mi plantilla y no le doy para resolverlo.... Si pudieras darme una mano? publico la plantilla?

PD: Posteo la pregunta aquí y no donde comencé para no crear off topic ;)

Responder
JMiur  

Habría que saber qué código usas para ver si se encuentra el error.

Responder
Carlos Martínez  

Aqui esta....

Responder
JMiur  

Hay algún error de sintaxis. En este archivo está corregido.

Responder
Carlos Martínez  

Gracias... viendo y comparando la unica diferencia que noto así son las comillas dobles a las sencillas, ¿eso afecta?, ¿siempre debo usar sencillas en el codigo CSS para estas cosas? y disculpa tantas dudas....

Responder
JMiur  

El código que ves no es CSS y en Blogger, como es un documento de tipo esctricto, el uso de comillas simples y dobles es algo que hay que hacer con cuidado.
El valor de expr:href va entre comillas simples
expr:href = ''
y adentro, todo lo que sea literal, va entre comillas dobles pero usando &quot;:
"http://www.plurk.com/m?content=" + data:post.url

Responder
Adrián J. Messina  

Cuanto belleza existe en la simpleza.
Sencillamente espectacular.
Me sirvio muchisimo.

Responder
Félix Prado  

¿El código para Buzz es el mismo que para Google Reader? ¿Qué hemos de añadirle para que se abran en una ventana nueva y pequeña (al menos los de Facebook y Buzz) como los de tu blog?

¡Muchas gracias!

Responder
Félix Prado  

Me autorespondo y repregunto después de leer esta entrada: http://vagabundia.blogspot.com/2010/06/los-botones-para-compartir-de-blogger.html :)

He cambiado los códigos "simples" por los nuevos de la entrada citada (en el caso de Facebook, Twitter y Buzz) pero al intentar compartir no puedo hacerlo ya que me dice que no existe mi blog :(

Gracias.

Responder
JMiur  

Mr.Prado:
Puedes combinar eso con los botones de Share del mismo Blogger. Fíjate en esta entrada donde estámn los códigos para algunos de esos servicios.

Responder
JMiur  

Mr.Prado:
Revisa que hayas hecho esto:

"Para que esto funcione debemos habilitar la opción y eliminar <b:include data='post' name='shareButtons'/> de nuestra plantilla."

Responder
Félix Prado  

@JMiur

Me faltaba habilitar la opción.

¡Gracias! :)

Responder
Eligor!  

Jmiur Soy Jonathan del email.. que te preguntava por las fechas! ahora me di cuenta :$ jeje, es claramente como me dijiste tu que la fecha se encuentra en otro lugar...pues me gustaria saver como esa fecha que esta abajo osea(junto al titulo de entrada) en los post individuales ponerla arriva arriva.. :P

Saludos! Muchas Gracias, disculpa la molestia

(http://jonathan-villavicencio.blogspot.com/)

Responder
Joan Irazu  

para agregar a tumblr, a wikio y a blogger

Responder
JMiur  

Eligor!: Mueve el código. Fíjate en la plantilla original; no son cosas que se vena online.

Responder
Eligor!  

Pues, como deberia ser el codigo de fecha? :S
y si lo encuentro.. como se llama la parte de arriva
de una entrada? :P

Responder
JMiur  

En las entradas individuales de tu blog, la fecha la veo arriba del título y no abajo. Cuál es el código exacto no sé porque, como te dije, eso sólo se ve en la misma plantilla.

Responder
Eligor!  

Ok, mira intente modificarlo pero esto me dio como resultado en..

Inicio: (http://jonathan-villavicencio.blogspot.com/) , se ve por decirlo de esta forma la casilla de la fecha, como se podra ocultar?

Post Individual (http://jonathan-villavicencio.blogspot.com/2010/07/sober-de-aqui-la-eternidad-2010.html) la fecha esta bajo el titulo :S , como podria suvirlo arriva de todo el post..?

Muchas Gracias :$

Responder
JMiur  

En http://jonathan-villavicencio.blogspot.com yo no veo ninguna fecha.
En http://jonathan-villavicencio.blogspot.com/2010/07/sober-de-aqui-la-eternidad-2010.html la fecha eta arriba del post.

Responder
Hugo Ruiz  

muchisimas gracias! lo estaba buscando como loco jajaja!

Responder
Pavelkapaz  

Gracias Jmiur...
con tu explicación lo encontre bastante simple de colocar.
Todo bien, thx :)

Responder
Anónimo  

Hola excelente tu blog amigo y mi pregunta es la siguiente quisiera tener la mismo estilo de la forma como creas para compartir tus entradas en las redes sociales

Responder
JMiur  

Es el sistema que se muestra en esta misma entrada combinado con el de Blogger que es el que se muestra en esta otra.

Responder
.Sm4C.  

hola acá molestando de nuevo una pregunta me parto la cabeza en esta entrada de prueba, e puesto los iconos pero no quiero que aparezcan los margenes o bordes en la imagenes como los quito se que es na pregunta muy básica pero ya e probado con border y nada, espero su pronta respuesta saludos

ah esta es la entrada http://sbpru.blogspot.com/2010/09/lorem-ipsum.html

Responder
JMiur  

En tu plantilla, todas las imágenes tienen un borde definido, dice algo parecido a esto:

.post img, table.tr-caption-container {
border:1px solid #CCCCCC;
padding:4px;
}

Yo, sugeriría que lo cambiaras para que sólo afectara a las imágenes de las entradas en si mismas y no a las que agregues en el footer o en alguna otra parte de esa columna:

.post-body img, table.tr-caption-container {
border:1px solid #CCCCCC;
padding:4px;
}

Responder
.Sm4C.  

Gracias!!! ya lo solucione con tu sugerencia :) saludos

Responder
Magoplup  

Hola Jmiur tengo una duda en relacion a este tema veras e alicado lo que sale aqui pero veo que por ejemlo en el boton de facebook se ve de este modo al compartir:

<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url+ &quot;&amp;title=&quot; + data:post.title'> texto/imagen </a>

lleandome directamente a compartir y en el caso de twitter aunque tambien me lleva a compartir pero con una url muy larga la de la entrada que se esta compartiendo y no esta como lo tienes tu que dice

http://www.blogger.com/share-post.g?blogID=33571139&postID=.....la ide de la entrada.....&target=twitter

y aparte de esto que al compartir se pueda asociar la url de la entrada con una mas corta como la que usan normalmente para compartir alli ya que solo brinda 140 caracteres para escribir.

No encontre esto aunque lo he buscado :((

Responder
Raúl  

Tengo el mismo problema que Magoplup como hago, para cuando de click en el icono de Twitter me aparezca con la url corta como te sale a ti, y no con el link completo que sale al poner el código??? gracias!!!!

Responder
JMiur  

Pueden utilizar el sistema que incluye Blogger combinado con este otro. Ese es el método que utilizo para alguno de los botones. Es el explicado en esta otra entrada.

Responder
Gerardo Mx  

muchas gracias JMiur por esta entrada
me quedaron perfectos solo una pregunta
como hago para que solo se muestren en la entrada y no en la pagina principal???

saludos

Responder
JMiur  

Para eso, debes condicionar el código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
... y aquí va el código que hays utilizado ...
</b:if>

Responder
Puzzle  

PERFECT..

Muy muy muy útil esto..
Hecho ya!
Aunqueee, (siempre esta un "aunque" O_o jeje) al ponerlo pues todo bien y tal.. pero,

1. No puedo quitar la otra barra que venia por defecto de ninguna manera =S y aunque quiero quitarla me gustaría poder conservar uno de los botones, el de "enviar por correo electrónico" (el dibujo es una M)

2. No consigo poner el sistema de votación que google ha puesto hace poco.. el que tu tienes de ultimo entre los botones.. ( +1 )

Consiguiendo solucionar estos 2 inconvenientes!! Termino con el post-footer-line =)

Responder
Puzzle  

PD.
Solucionado lo anterior!!!

1. solución aquí: http://vagabundia.blogspot.com/2010/06/los-botones-para-compartir-de-blogger.html
He podido borrar la barra de botones que venia por defecto..

2. Lo de google+1 solucionado también.. era solo agregar el código que me dan en: http://www.google.com/+1/button/


Un saludo!

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR