Hace ya algo de tiempo que Taringa sacó esta forma de mostrar los botones para compartir el post, y desde que salieron muchos preguntaron cómo poner de esta misma manera, los botones de compartir en el blog.
En esta entrada vamos a ver cómo poner los botones para compartir estilo Taringa, que incluye los botones de Facebook, Taringa, +1, y Twitter.
Para colocar estos botones entra en la Edición HTML de la plantilla, marca la casilla Expandir plantillas de artilugios y agrega antes de ]]></b:skin> los estilos:
.taringa-post-share li {Luego busca esta línea:
float: right;
margin-left: 5px;
list-style:none;
}
.taringa-post-share {
padding: 5px 35px 10px 1px;
margin-bottom: 10px;
margin-right: 0px;
background: url(URL de la imagen) no-repeat bottom right;
}
.clearfix:after {content:"0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
<div class='post-footer'>Arriba de ella pega este código:
<b:if cond='data:blog.pageType == "item"'>
<ul class='taringa-post-share clearfix'>
<li><a class='twitter-share-button' data-count='vertical' data-lang='es' href='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></li>
<li><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone expr:href='data:post.url' size='tall'/></li>
<li class='t-big'><script type='text/javascript'>(function(){var x=document.createElement('script'), s=document.getElementsByTagName('script')[0];x.async=true;x.src='http://widgets.itaringa.net/share.js';s.parentNode.insertBefore(x,s)})()</script>
<t:sharer data-layout='big'/></li>
<li><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=box_count&show_faces=false&width=73&height=63&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:63px;'/></li>
</ul>
</b:if>
Ahora, como la imagen del listón no se ajusta al ancho de las entradas, y como todos tienen un ancho distinto, he hecho tres imágenes, una de 500px de ancho, otra de 600px y otra más de 700px, así que donde se indica en el primer código pon la URL de la imagen que se ajuste más a tu blog.
Aquí abajo están las URLs de las imágenes en sus tres medidas.
Aquí abajo están las URLs de las imágenes en sus tres medidas.
Habiendo puesto la imagen ya estará todo listo. Los botones no se verán en la portada, así que debes ingresar a una entrada individual para poder verlos.
En caso de que no se vieran, busca la línea del segundo paso, y revisa si la tienes dos veces, si así fuera pega el código en la otra repetida.
El listón se verá inclinado hacia la derecha, si quisieras centrarlo habrá que aplicar un margen derecho, así que cambia donde dice margin-right: 0px; por un valor más alto, por ejemplo:
margin-right: 30px;
Eso hará que se desplacen a la izquierda.
Como puedes ver los botones lucirán muy bien, y seguro sera una forma muy llamativa de invitar a tus lectores a compartir las entradas de tu blog.
Hola potro, se pueden poner arriba de las entradas como una barra, y se le puede agregar la opción para imprimir y aumentar o disminuir la letra?
ResponderEliminarYa ha publicado de ello:
Eliminarhttp://ciudadblogger.com/2009/05/opcion-de-imprimir-solo-la-entrada.html para imprimir los post, y http://ciudadblogger.com/2009/05/cambiar-tamano-de-letra-del-blog.html para el tamaño de la letra.
Lo que no se es como hacer la barra de arriba del as entradas. Creo que no hay nada publicado de eso ;)
Si, eso ya esta en mi blog ( lo de imprimir mucho no me fuciona) yo quiero saber la barra tambien incluya los botones para compartir
EliminarSería cuestión que pruebes. Los botones están en una lista ordenada, así que sólo tienes que añadir antes del último (y único) </ul> una línea como esta:
Eliminar<li> Aquí el otro elemento que quieres </li>
¿Has expandido los artilugios? ¿En cuál blog no lo encuentras?
EliminarTaringa... que recuerdos... lo usaba para poner noticias de mi blog copiadas totalmente y al final ponia la direccion de mi blog para tener mas visitas... jajaja, terminaron eliminandome la cuenta, pero esas visitas ya no se me van XD!
ResponderEliminarpor cierto potro, ¿como hago para aparecer en tu lista de "Blogs de ayuda"? Llevo mucho tiempo queriendo aparecer ahi pero me daba cosa preguntartelo..
Ya ves, te la eliminaron porque eso no se hace. Pórtate bien, pórtate bien ;)
Eliminar¿Apoco tienes un blog sobre tutoriales de Blogger? o.O
Ah, tiene que ser de Blogger... entonces nada XD
EliminarAunque bueno, en campamento web tengo una seccion de Blogger XD no se si sera suficiente para aparecer en la listaa... jaja (si no quieres ponerme no pasa nada eh?)
EliminarJajaja, no es que no quiera, es que debe ser por completo para Blogger ;)
EliminarOk, no hay problema ;)
EliminarMuy bueno Potro. Ahora ya tengo unos botones para compartir, pero en algún momento estos también pueden servir.
ResponderEliminarPor supuesto, para cuando te aburras de los otros estos pueden ser una buena opción ;)
EliminarYo lo tengo implementado en mi blog, pero solo de facebook y twitter :D
ResponderEliminarEstá muy bien ;)
EliminarGracias POTRO por el post,se mira muy bien... pero con los estilos que tengo en el otro no kiero cambiarle... ademas que T! en unos dias va caer gagagagaga me da alegria!! :)
ResponderEliminarSi eso sucede sólo sacamos ese botón y ya :P
EliminarPues sólo para los taringueros, que sí son bastantes ;)
EliminarYo ya lo había echo =P
ResponderEliminar¿Y por qué no nos los compartiste? ¬¬
Eliminarjajaja proxima! lo usaba en mi blog de peliculas! ahora por culpa del cierre de megapuload, me han cerrado mis cuentas de filserve, dire adios a ese blog :(
EliminarSe pueden centrar los botones??
ResponderEliminarPara centrar los botones busca esta parte del primer código:
Eliminarpadding: 5px 35px 10px 1px;
Cambia ese 35px por una valor más alto, por ejemplo 140px
Estan geniales!, se ven muy bien gracias Potro, como siempre innovando en el mundo de BLogger!
ResponderEliminarGracias a ti Sergio, que tengas buen fin de semana ;)
EliminarIgualmente Potro!, por cierto estos de la respuesta de comentarios nativos en blogger esta bueno
EliminarEstán muy bien, tiene sus problemas, de compatibilidad mayormente, pero será con el tiempo que se resuelvan ;)
EliminarSé que no tiene nada que ver con el artículo pero, ¿cómo arreglaste el efecto deslizante de los botones ir arriba/ir abajo?
ResponderEliminarSi lo vas a explicar en artículo próximo, no me importa esperar a que lo publiques :)
Gracias Potro.
Esos los puse con jQuery:
Eliminarhttp://loseasi.blogspot.com/2011/03/ir-arriba-centro-y-abajo-con-jquery.html
Genial!
EliminarYa conseguí arreglarlo yo también, gracias potro ^^
bastante bueno.. ya lo he implementado en mi blog >> http://tumultitec.com pero con estilo propio :)
ResponderEliminarTe han quedado geniales :)
Eliminarse ve medio distorcionado en mi blog: http://todoporta2009.blogspot.com
ResponderEliminarsaludos!!!
Pues no los veo distorsionados, pero sí con un borde arriba.
EliminarAgrega debajo de .taringa-post-share li { esto:
border: 0 !important;
ooo si era eso
Eliminarmuchas gracias!!!
eres un mago potro, pero ya tengo el mio que es casi igual, lo guardo para cuando lo necesite, muchas gracias
ResponderEliminarVale, cuando los necesites ahí estarán ;)
EliminarClaro, por eso dije "muy" y no "casi" :D
ResponderEliminarHola Potro de nuevo molestandote de verdad que nos sirves de mucha ayuda dios de bendiga mucho.
ResponderEliminarMira quiero poner debajo de las antradas el megusta y del twiter pero se sale uno sobre otro yo quiesiera que salga al costado para que no me robe mucho espacio.
Mira aqui te dejo una pagina de ejemplo justo debajo de las entradas esta muy bien ubicados el me gusta el twiter y el boton de google algo asi quiero para mi blog.
http://tumultitec.com/2012/01/empleados-de-megaupload-son-detenidos.html
MIL GRACIAS, QUE SIGAN LOS EXITOS
Hola leisy,
EliminarLo que han hecho en ese blog es exactamente lo mismo que se explica en esta entrada, sólo que ahí le cambiaron la imagen de fondo y centraron más los botones, pero es exactamente lo mismo ;)
Saludos :)
Potro pero el de taringa no quiero si no el que esta debajo del titulo me gusta,twtter,google + y + share por ayudame pora el+share te da una serie de opciones pa imprimir.
EliminarMil gracias estare esperando tu respuesta.
hola que tal... mira creo que te refieres a estos --> http://www.addthis.com/ es muy fácil implementarlos.. ahí mismo te dicen las instrucciones.. saludos
EliminarTuMultitec MIL gracias de verdad mil gracias suerte y exitos.
EliminarSi encajo en mi blog.
Saludos. Gracias a tu tambien potro.
Vale, veo que ya lo has resuelto con la ayuda de TuMultitec :)
EliminarSi asi es de verdad muchas gracias potro por hacernos la vida más facil.
Eliminarq sigan los exitos. y feliz aniversario feliz 3 años y que vengan más.
Muchas gracias :)
EliminarHola, Potro entre a la siguiente web : http://www.fb-trucos.com/ y a el entrar tiene una Fan Page de facebook , se podria poner un cartel asi al entrar de una foto que diga Bienvenidos A Mi Blog... no que ocupe toda la pantalla si no un recuadro como el de la web que te pase Desde ya gracias. :)
ResponderEliminarHola Vero, puedes hacer algo similar con Shadowbox:
Eliminarhttp://ciudadblogger.com/2011/05/abrir-ventana-al-cargar-el-blog-con.html
Gracias de nuevo potro .
EliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarCiertamente te han quedado muy bien :)
Eliminarhola potro, ecxelente llevaba meses esperando esto incluso yo fuy uno de los primeros que te lo pedi mil gracias, pero keria peirte otra cosita :P tu no tienes la imagen a a tamaño 900 para mi blog http://mangaswow.blogspot.com/2012/01/ver-manga-one-piece-654-espanol-gratis.html
ResponderEliminarsaludos potro
Hola Carlos,
EliminarDe hecho la medida del listón de Taringa es de 700px, que es el máximo que yo he puesto en la entrada.
Supongo que si quieres uno de esa medida tendrás que editar la imagen, aunque, así como está en tu blog se ve bastante bien ;)
Este comentario ha sido eliminado por el autor.
ResponderEliminarPotro como hago para que se vea esto en las entradas desde la pagina de inicion sin tener que entrar necesariamente a cada entrada??
EliminarQuita la primera y última línea del último código, pero, si haces eso entonces algunos botones no funcionarán bien.
EliminarHago esto lo que tu medices margin-right: 30px para que se centre pero sigue igual no cambia en nada.
ResponderEliminaren ves de ponerle margin-right: 30px ponle margin-right: 140px y si no te resulta centrado empieza a jugar con el valors 140 px ponle 100 o 60 etc hasta que tede en todo el centro ;)
EliminarPero ese es el mismo problema..
EliminarDa igual si le ponga 5000, 100 , 60 .. oh asi balancearlo.
Siempre se queda en el mismo lugar
¿Y en cuál blog lo has puesto?
Eliminar¿Tenés una cuenta en Taringa!? ¿Como se llama?
ResponderEliminarNoup, no tengo.
Eliminar:( ¿Por qué no te hacés uno? Ganarías miles de seguidores...
EliminarPorque apenas y me da tiempo para el blog como para publicar también en otro sitio :(
EliminarA mi también me pasa lo mismo, se me mezclan muchas cosas. ¿De qué trabajás?
EliminarSoy agente encubierto, jojojo :)
Eliminar:O
EliminarHola Potro, quisiera hacerte una pregunta, soy nuevo en esto. Mira pues, hice un blog el cual tenia de nombre "ClubRecordando", entonces decidi hacerme OTRO BLOG con ESE MISMO NOMBRE, pero no me deja me dice esto: "Lo sentimos, el blog de clubrecordando.blogspot.com se ha eliminado. Esta dirección no está disponible para blogs nuevos." Y quisiera volver a tener ese nombre pero en el nuevo Blog, nose como hacer para poder obtener el nombre si dice que ya no esta disponible :/. Me podrias ayudar? Se que no tiene nada que ver con el tema de esta PUBLICACION pero quisiera que me ayudaras porfavor :(
ResponderEliminarAhora mi blog se llama ClubRecordandoPrueba, pero quisiera ponerle el nombre original, osea "ClubRecordando.blogspot.com"
ResponderEliminarSi esa dirección era tuya se supone que sí debes poder usarla de nuevo, los únicos casos en los que no puedes usarla es cuando el blog no era tuyo, o cuando el blog lo eliminó Blogger.
EliminarSaludos.
Porfavor potro responde mi pregunta anterior es de urgencia!
ResponderEliminarTu anterior pregunta ya ha sido respondida. Ten en cuenta que todas las preguntas se responden, pero se van respondiendo conforme fueron llegando, no sólo las de aquí, sino de todas las entradas.
EliminarHolas Potro~... sabes como puedo sacar el "Reply" en la parte de los comentarios?? o sino se puede donde se modifica?
ResponderEliminarSaludos ;)
Hola Javi Anubis,
EliminarRegresa al sistema de comentarios anterior, en este enlace de Vagabundia dice cómo:
http://vagabundia.blogspot.com/2012/01/blogger-comentarios-anidados-reply-y.html
Hola
ResponderEliminarhe visto en algunos blogs que al momento de bajar las imagenes van apareciendo, como se puede dar un efecto asi?, lo que tambien quisiera saber es si se puede hacer algo como este blog"http://www.moxbit.com/" en blogger o me parece que es wordpress no lo se a ciencia cierta.
Es WP, aunque dependiendo de la plantilla se pueden poner sidebars flotantes, pero aclaro, no en todas las plantillas se puede con tanto éxito.
EliminarLo de las imágenes es Lazy Load, en la red encontrarás varios tutoriales sobre ello.
potro, mi web es algo lenta, alguna recomendación de cómo optimizarla?
ResponderEliminarmi web es esta
http://www.main.animups.com/
Pues a mí no me ha cargado lento, me ha cargado con buena velocidad, pero no estaría mal si redujeras el número de entradas que se muestran en la portada.
Eliminarquizás mi equipo no es muy veloz, gracias! quitaré algunas entradas
EliminarNo tiene nada que ver con la entrada Potro, pero no te lo pude poner en "Contacto"...
ResponderEliminarVerás, para nuestro blog deportivo, hemos encontrado algunas plantillas preciosas, pero lástima que son de Joomla, solo para Websites, de modo que nos surgieron dos dudas:
1-¿Hay alguna forma de adaptar dichas plantillas de Joomla para usar en Blogger?
2- Si no es así, ¿nos recomendarías crearnos una página web con Joomla?, ¿toma mucho tiempo?, ¿es complicado?
Muchas gracias y disculpa nuestra ignorancia de novatos jeje
Un saludo!
Hola Artime95,
EliminarSe pueden adaptar teniendo conocimientos de CSS y HTML, en sí la adaptación es crear una plantilla para Blogger inspirándose en otra plantilla de otra plataforma.
Joomla no lo he usado, tengo entendido que no es complicado, pero necesitas contratar un hosting y pagar un dominio.
Saludos!
POTRo y en caso de que no kiera la imagen esa azul!! como liston? k ago?>
ResponderEliminarpara eliminar el liston tan solo elimina esta parte del codigo background: url(URL de la imagen) no-repeat bottom right;
Eliminary ps si quieres poner otra imagen en ves del listo tan solo coloca la url de la imagen donde dice "(URL de la imagen)"
Eso mismo que Carlos dice :)
EliminarCOMO CENTRO MI IMAGEN AYUDAME .. YA SE LO QUE DICES QUE HAGA PARA PONERLE EN MARGE RIGHT 140 30 LO QUE SEA CUALQUIER NUMERO PERO SIEMPRE SE QUEDA EN LA DERECHA .. NUNCA CAMBIA DE POSICION.
ResponderEliminarAyuda!
Kim Rae Soon, revisa las preguntas que has hecho, verás que en ambas preguntas te ha respondido otro usuario, y yo.
Eliminarjeje ola potro yo de new creo k estoy obligado a siempre recurrir a ti..
ResponderEliminarnunca avia visto un scrip como este en blogger y quisiera ponerlo en mi blogger esta en esta imagen.: http://i219.photobucket.com/albums/cc317/n-p-25/comopongoestescript.jpg
Esta es la web en la cual halle este script.: http://www.amenazabarrial.com/
quisiera que me ayudes alli porque asi lograria mas like para mi pagina en facebook porque cada persona que entre a mi websites le daria a me gusta... siempre eh buscado un script asi pero no lo encuentro por ningun lado
Hola AlexMusic,
EliminarPues ya lo has encontrado :)
Es el mismo de esta entrada, aunque ahí dice que es para un aviso, puedes usarlo para agregar cualquier cosa, en este caso el botón 'Me gusta':
http://ciudadblogger.com/2010/03/anuncio-flotante-que-baja-con-la-pagina.html
ok gracias, pero mi otra inquietud es saver pork el fanbox de facebook no aparece en mi blogger tengo mas de una semana que le eh puesto el codigo en javascriopt del fanbox y noc muestra a que se debera esto??
Eliminary tercera inquietud y ultima para terminar es saver como pongo en lugar de un texto y una imagen el boton me gusta de mi pagina de facebook, ya que nose como ponerlo... gracias anticipadas por tu gran colaboracion en html y css....
EliminarPues tendría que saber en cuál blog has puesto el Fanbox que no se ve.
EliminarLa otra pregunta debería hacerse en la otra entrada, pero te respondo brevemente, sólo debes quitar el texto del aviso, y en su lugar poner el código del botón que quieres, aunque quizá sea necesario que el código de ese botón lo conviertas primero a texto plano.
Aquí lo puedes convertir:
Eliminarhttp://ciudadblogger.com/p/conversor-de-html-texto-plano.html
El fanbox no lo veo ahí. ¿Pusiste el código en un gadget, o dónde?
si lo puse en un gadget de javascript pero no se ve
EliminarElimina los que has colocado y pon el de esta entrada:
Eliminarhttp://ciudadblogger.com/2011/02/agregar-fanbox-en-el-blog-sin-bordes-y.html
Este comentario ha sido eliminado por el autor.
ResponderEliminarQuize decir que "ClubRecordando" era OTRA CUENTA DE BLOGGER, y esta la que escribo ahora es OTRA, no es la misma. Entonces en ESTA LA QUE ESCRIBO quiero poner el nombre que ELIMINE del otro BLOG.
ResponderEliminarEn esta no puedes, porque esa dirección, aunque ya fue eliminada, le corresponde por derecho a la otra cuenta. Por lo tanto, si quieres tener de nuevo esa dirección, tienes que abrir el blog con la cuenta que usabas antes.
Eliminarhttp://hilandolavida.blogspot.com/ Antes tenia esto : http://ciudadblogger.com/2011/05/abrir-ventana-al-cargar-el-blog-con.html
ResponderEliminarPero al instalar esto : http://ciudadblogger.com/2011/11/coda-slider-galeria-de-imagenes-con.html me dejo de funcionar lo de abrir ventana al cargar el blog. Saves como puedo arreglarlo ?
Y ese Slider se me queda en la primera imagen no puedo ir a las otras :S solo se ven las imagenes en miniatura ,la primera imagen y la primera descripcion ... El codigo esta bien ya lo realize tres veces por las dudas...
Desde ya gracias .
Shadowbox no tiene nada que ver con ese slider o con algún otro, usan métodos diferentes.
EliminarLo que sí veo, es que tienes muchas versiones de jQuery, y esa podría ser la causa de que el slider no funcione:
http://ciudadblogger.com/2011/10/jquery-sus-versiones-y-el-conflito.html
Cualquier otra duda sobre el slider deja la pregunta en esa entrada para no desviarnos del tema de este post ;)
Saludos.
Remplaze todos mis jquery/ por este link http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js y no me anda :S y tambien probe con el oficial el de jquery.com ahora nome anda nada de Jquery
EliminarNo hace falta reemplazar todos, mas bien, sólo hay que dejar uno y nada más, tal como dice en la entrada. De cualquier manera, como también dice ahí, habrá algunos casos en los que ciertos gadgets requieran de una versión en concreto, así que en esos casos no habrá de otra mas que decidir cuál gadget queremos conservar y cuál no.
EliminarAver potro este es mi blog.
ResponderEliminarhttp://topasianmusic.blogspot.com/
Le agregue más botones para compartir como ejm: digg, el propio compartir de facebook, etc ... como para que no dejara el gran espacio que tenia.
Pero enserio quisiera centrarlo pero solo con esos botones de esta publicación. Aver si me ayudas.
También te dejé un comentario en esta publicación.
http://ciudadblogger.com/2011/03/leer-mas-con-imagenes-en-miniatura.html
Quisiera saber como ponerle imagen de miniatura pero solo a las entradas de la página principal, ya que en mi mismo blog tengo otras paginas con stream pero por agregar eso de imagen de miniatura ahora no se ve nada.
Enserio te lo agradeceria mucho si me ayudaras.
Pues no veo el espacio que mencionas, lo que sí veo es que has puesto tantos botones que se ha quedado saturado y ni siquiera se aprecia el listón azul.
EliminarOtra cosa que veo es un borde arriba de los botones, ese lo puedes quitar si debajo de:
.taringa-post-share li {
Agregas:
border: 0 !important;
Lo de la otra entrada lo vemos en la otra entrada.
Saludos.
POTRO no kiero la de taringa!! como la kito??
ResponderEliminarElimina esta parte del código:
Eliminar<li class='t-big'><script type='text/javascript'>(function(){var x=document.createElement('script'), s=document.getElementsByTagName('script')[0];x.async=true;x.src='http://widgets.itaringa.net/share.js';s.parentNode.insertBefore(x,s)})()</script>
<t:sharer data-layout='big'/></li>
Con eso se quitará el botón de Taringa.
ok potro!! listo! lo tengo...gracias!!
EliminarHola el Potro! Como estas?
ResponderEliminarBueno queria preguntarte algo que pueda que sepas..
Quisiera poner dentro el Gadget una función, que salga en ese gadget el titulo de la entrada.. y que con cada entrada distinta cambie a su titulo correspondiente.
Tengo este codigo, pero no funciona, que la faltaria añadir?
<data:blog.pageName/>
Muchas Gracias el Potro!
Hola NE,
EliminarAhí se necesita algo más complejo, se requiere del dato responsable de que se muestren los títulos de las entradas, pero el inconveniente es que estos datos sólo se ejecutan en las entradas.
Sin embargo, hay una opción en Vagabundia donde puedes mostrar los datos de una entrada, en la sidebar:
http://vagabundia.blogspot.com/2010/06/mostrar-datos-de-la-entrada-en-la.html
Ostras! Mil y una Gracias El Potro me han resuelto el problemilla de 10 !!
EliminarMuy pero que Muy Agradecido!! GRACIAS!
Buenas, soy novato en esto de los blogs y el caso es que me gustaría saber una cosilla: en la pantalla principal del blog aprecen una serie de "opciones" o páginas a las cuales acceder para ver distintas cosas del mismo. En mi blog éstas aparecen sólo con la letra pero ¿cómo puedo cambiarles la letra y asignarles a cada página una foto diferente? de modo que sea mas icónica.
ResponderEliminarUn saludo
Con el gadget de Páginas puedes poner un ícono pero se aplica a todos los enlaces.
EliminarSin embargo, puedes usar un gadget HTML/Javascript, y ahí agregar manualmente estos mismos enlaces con un ícono diferente:
<div style="font-size:13px; font-family:Impact;">
<a href="URL del enlace"><img src="URL del icono" /> Texto del enlace</a>
<a href="URL del enlace"><img src="URL del icono" /> Texto del enlace</a>
<a href="URL del enlace"><img src="URL del icono" /> Texto del enlace</a>
<a href="URL del enlace"><img src="URL del icono" /> Texto del enlace</a>
<a href="URL del enlace"><img src="URL del icono" /> Texto del enlace</a>
<a href="URL del enlace"><img src="URL del icono" /> Texto del enlace</a>
<a href="URL del enlace"><img src="URL del icono" /> Texto del enlace</a>
</div>
Ahí agrega la URL del enlace, que es la dirección a la que apuntará el link, y la URL del icono que deseas.
En la primer línea puedes cambiar el tamaño y tipo de fuente.
Saludos.
Potro esta pregunta no van con este post, pero por favor una ayudita!
ResponderEliminar¿Como enumero los comentarios con subindices?
Hola Sergio, no sé si este era el comentario que me pediste que omitiera, o el otro que anda por ahí o.O?
Eliminarbueno mi pregunta no tiene nada que ver en esta entrada, lo que pasa es que varias paginas estaticas y entradas no cargan solo aparece la cabecera y el menu, no entiendo que pasa, espero me puedas ayudar.
ResponderEliminarhttp://todoporta2009.blogspot.com
algunas que no me cargan:
http://todoporta2009.blogspot.com/p/temas-ineditos-del-porta.html
http://todoporta2009.blogspot.com/2011/01/dispuestos-dar-el-golpe.html
http://todoporta2009.blogspot.com/p/disco-no-es-cuestion-de-edades.html
http://todoporta2009.blogspot.com/p/disco-no-hay-truco.html
http://todoporta2009.blogspot.com/p/disco-en-boca-de-tantos.html
y aun faltan...
saludos.
¿Recuerdas qué cambios hiciste antes de que eso sucediera? ¿Algún truco que usara condicionales?
Eliminarmmm no, lo mas reciente que habia hecho era poner el liston de taringa ya hasta lo borre y nada, hice un blog de pruebas importando las entradas y la plantilla empece a borrar alli mismo casi todo y nada me da resultados y en ese mismo blog de pruebas lo cambie a una plantilla antigua y sigue el problema
EliminarHola rodrigo,
EliminarParece que hay un problema con Blogger, desde ayer que me mencionaste tu problema supe de más personas que tienen un problema similar.
Si no has hecho más cambios mas los que mencionas, entonces sí debe tratarse de un problema con Blogger, así que habrá que esperar y ver si Blogger nos entera de algo.
Saludos.
ok a esperar
Eliminarsaludos!!
ya lo resolvi, tenia una plantilla de reserva de hace mucho tiempo y agarro, era namas para avisarte que creo que no es problema de blogger.
Eliminarsaludos!! ando feliz xD
Vale, gracias por avisar :)
EliminarGracias potro todo salio bien deverdad eres el mejor (quisiera saber como hiciste para saber eso de taringa lo copiaste del codigo fuente o como fue,)
ResponderEliminarEstemmm... yeah, viendo los códigos :)
EliminarComo siempre potro eres todo un genio en esto eres el mejor
EliminarPues no se ve como tendría que verse:
ResponderEliminarhttp://i.imgur.com/uIlid.jpg
Eso parece indicar que hay un problema en la colocación de los estilos. ¿En cuál blog lo has puesto?
EliminarDisculpa fuera de tema.. un saludo primeramente, de caulidad tendras un tutorial donde muestres como hacer que los resultados de las etiquetas se muestren en listas y que se expandan hacer click en el titutlo asi como lo tienes tu en este blog. gracias
ResponderEliminarClaro Neo Akira, aquí está la entrada que buscas:
Eliminarhttp://ciudadblogger.com/2009/07/mostrar-solo-los-titulos-de-las.html
Ok ya le quite algunos botones para que veas.
ResponderEliminarYo le agregue más para que no todo se viera hacia la derecha.
Pero como verás ahora entra a mi blog
-> http://topasianmusic.blogspot.com
y verás que todo se va hacia la derecha ... aún así como tu me dijiste que le pusiera a margin-right 30 .. igual le puse más también menos pero igual se queda en el mismo lugar.
Hola potro , te pido algo nada que ver con esta entrada:
EliminarNesesito botones para compartir que aparescan en las entradas tanto en la pagina de inico como en las propias entradas...
...además quisiera que al compartir se muestre la imagen de esa entrada y no otra como me pasaba.
Los botones oficiales me andan bien, hacen esto pero no me gusta su estilo...
Kim Rae Soon, cambia esta parte:
Eliminar.taringa-post-share {
padding: 5px 35px 10px 1px;
margin-bottom: 10px;
margin-right: 30px;
background: url(http://lh5.googleusercontent.com/-HqKGMwSBJ88/TxsWyoP3n2I/AAAAAAAACIA/9WDG--pUckc/s600/ribbon-taringa600px.png) no-repeat bottom right;
}
Por esta:
.taringa-post-share {
padding: 5px 40px 10px 1px !important;
margin-bottom: 10px;
margin-right: 20px !important;
background: url(http://lh5.googleusercontent.com/-HqKGMwSBJ88/TxsWyoP3n2I/AAAAAAAACIA/9WDG--pUckc/s600/ribbon-taringa600px.png) no-repeat bottom right;
}
El primer número en negrita es la distancia de los botones respecto al listón, el segundo es la distancia del listón respecto al extremo derecho de la entrada.
Le agarró el bobaso, pues hay muchos botones de compartir, el problema es que no siempre se pueden mostrar en la portada, porque empiezan a fallar unos, otros no se muestran, y otros no registran bien los conteos.
EliminarAdemás, mostrarlos en la portada significa que son más elementos que el navegador tiene que cargar y eso para la velocidad de carga del blog no es muy bueno que digamos.
Hola Potro, te comento en respuesta a tu tweet sobre los comentarios.
ResponderEliminarPues fijate que paso algo bien raro, esta mañana que revisaba mi blog, noté que lo comentarios no tienían ningún estilo, y recientemente hice unos cambios en el CSS, directamente de los estilos que nos envía blogger para el nuevo sistema de comenarios anidados.
Bueno, pensé que tal vez Blogger había hecho cambios, arreglando los problemas que ya conocerás, e inyectando nuevamente el CSS y demás, entonces, voy a la edición de HTML de la plantilla y sorpresa!, todo estaba como yo lo había dejado antes, es decir con sus respectivos cambios.
Luego, me lleve los estilos que "había editado" fuera del includable y se aplicaron, sin embargo, el texto justificado sigue terco, siendo que yo lo había cambiado para que se alineara a la izquierda...
En fin, no he revisado bien eso, y no sé si tu ya lo hiciste, no tengo idea de por qué pase, ya que como te menciona al poner los estilos en otro lado se aplican excepto el texto justificado que no se ha dejado, por lo menos en la misma declaración donde antes se encontraba, raro...
Pizcos me comentaba que tiene problemas en los posts, y si lo comprobé al ver su blog, no se si estén haciendo algo pero, por si las dudas, yo creo que es buena idea descargar una copia de seguridad, por aquello de las cosas desaparecidas...que ha pasado en Blogger...
Salu2 ;)
Este comentario ha sido eliminado por el autor.
EliminarEste comentario ha sido eliminado por el autor.
EliminarHola fijate que que yo tambien tuve ese problema y la solución es poniendo los estilos antes de https://lh3.googleusercontent.com/-B1SBEV1irgY/Tx943yNQziI/AAAAAAAABBo/2xUPu3udAH0/s76/Captura.PNG
EliminarEste es mi blog http://ciberexperto.blogspot.com/
Saludos
Hola Karla,
EliminarPues parece que sí andan haciendo algo los de Blogger, porque ya han sido varios que me comentaron algo parecido.
A mí lo que me pasó y no una, sino dos veces, es que vi que se habían desconfigurado algunos estilos de los comentarios, lo cual me extraño, así que fui a la Edición HTML y nada más no estaban, ni siquiera estaba el include threaded_comment_css, por eso fue que hice ese tweet.
Más tarde regresé y ahí estaba todo de nuevo, como si nada hubiera pasado, pero a las pocas horas lo mismo, los estilos simplemente no estaban.
Ya dos personas me han comentado igual que les están desapareciendo el contenido de algunas entradas, no sé si sea lo mismo que le ha pasado a Pizcos, pero sí huele a que anda trabajando Blogger.
Por el momento creo que tu sugerencia es la más apropiada, hacer una copia de seguridad para evitar tragos amargos más adelante.
Saludos :)
Hola Daniel,
EliminarYo no había querido mover los estilos de lugar porque se supone que no hay necesidad de ello siempre que los estilos estén en la plantilla, pero dadas las circunstancias creo que lo haré, al menos mientras Blogger termina de hacer lo que esté haciendo :)
Ademas yo deje los estilos que le había puesto a los comentarios anidados osea en el include threaded_comment_css
Eliminary kuego copié los estilos de nuevo y los pegué antes de https://lh3.googleusercontent.com/-B1SBEV1irgY/Tx943yNQziI/AAAAAAAABBo/2xUPu3udAH0/s76/Captura.PNG
En pocas palabras tengo los estilos en dos partes
Saludos
Oye potro gracias por tu ayuda ya me funciono :)
ResponderEliminarOtra cosa, en esta página -> http://www.pasaencorea.com/
hay un gadget ... un cuadro donde dice ARTICULOS AL AZAR .. quisiera saber como lo hizo asi con ese cuadro y todo ordenado.
Gracias otra vez :)
No conozco ese gadget, pero aquí hay dos opciones para mostrar entradas al azar, sólo que, en ninguno se muestran las miniaturas:
Eliminarhttp://ciudadblogger.com/2010/04/gadget-de-entradas-al-azar.html
Me hubiera gustado escribirte esto por email pero lo tienes deshabilitado hasta febrero. Me presento de nuevo con un problema/duda que solo tu puedes resolverme (como haces siempre)
ResponderEliminarMi web:
www.elultimoduelo.com
Mi problema:
Chapuceramente cree una botonera que te persigue pegada al margen del body del blog. Mi problema es que basicamente use una imagen fija determinando su posicion en pixeles. ¿Dilema? Si no usas una resolución de patanlla de 1280 x 800 el diseño de la botonera mueres "ipsofacticamente".
Me gustaría saber si hay alguna manera de conseguir el mismo resultado sin que se me vaya a la mierda la botonera al cambiar yo la resolución o sin que la resolución que tengan mis lectores afecte al diseño del mismo.
Sin ti estoy perdido Potro, ojalá me des una solución.
Siempre fiel,
Will
Pues te decepcionaré esta vez porque no veo otra manera de hacerlo. En efecto, si usas la posición fija significa que su posición se determina no por el contenido del blog, sino por los bordes del navegador, así que no veo otro modo de que siempre quede fuera del blog y fija sin importar la resolución :/
EliminarHola amigo esta excelente tu blog
ResponderEliminarMe gustaria que me ayudaras con un problema que tengo en mi blog de blogger.
En el banner que he hecho para el encabezado he puesto algunas imagenes de redes sociales a las que quiero ponerles un link a esa sona explicitamente que direccione a la correspondiente red social.
El problema es que no se donde deberia ir el codigo en html.
Si me puedes ayudar estaria inmensamente agradecido.
Gracias
Hola victorache,
EliminarEl asunto es un poco más complejo pero no imposible.
Lo que necesitas es dividir la cabecera de tu blog, de ese modo podrías tener de un lado el logotipo de tu blog, y del otro los botons que quieres.
El código para los botones sería así:
<a href="URL de tu página de Facebook"><img src="URL del imagen de Facebook" /></a> <a href="URL de tu página de YouTube"><img src="URL del imagen de YouTube" /></a>
Genial, gracias x compartir
ResponderEliminarUna consulta Potro, para tener el menu de paginas arriba de la cabezera como esta este blog: http://iniciablog.com xfa si me pueds ayudar ?
ResponderEliminarSigue el segundo método de esta entrada:
Eliminarhttp://ciudadblogger.com/2009/12/anadir-gadgets-abajo-de-la-cabecera-del.html
Sólo que en lugar de ponerlo debajo de la cabecera, lo pondrías arriba de ella.
Saludos.
Hola, potro estos dias le estoy dando vueltas a lo del anho de mi blog tu en ciudadblogger que tamaño es?
ResponderEliminarGRACIAS...
:)
El de aquí ahora mismo está en 920px
EliminarHola Potro
ResponderEliminarMuchas gracias por tu respuesta!
Ahora mismo voy a intentar hacer lo que me dijiste.
Te estare informando.
De nuevo tengo que decir que tu blog esta excelente y muy interesante
seguro me va a ser de mucha ayuda.
Gracias!
Te agradezco tu comentario :)
EliminarHola Potro, una preguntita, como hago para que el color del sidebar o imagen que uso se extienda por toda la pagina. Solamente baja pero no del todo como podras apreciar. http://texto-2.blogspot.com/ Muchisimas gracias
ResponderEliminarHola, el fondo sólo puede abarcar la totalidad de la sidebar, y la totalidad de la sidebar es hasta donde llegue el último gadget, no se puede bajar más el fondo sino hay nada ahí.
EliminarLo que algunos diseñadores hacen en sus plantillas es poner una imagen de fondo en el #content-wrapper, esa imagen es la misma para las entradas y la sidebar, de esa forma el fondo sí se vería hasta abajo.
Por ejemplo aquí:
http://ashen-btemplates.blogspot.com/
Pareciera que las entradas y cada sidebar tiene un fondo diferente, pero no, el fondo es el mismo y es uno solo, o sea que es una imagen de fondo que abarca tanto las entradas como la sidebar.
Saludos.
Me suponia, creo que era lo que pensaba ya que hice de mil formas y la 999 me puse a pensar en eso y si pongo un fondo. Tenia pensado usar el A/B. Una preguntita, como podria poner una imagen que separe a las entradas, he visto que mucha gente que pone una imagen entre cada entrada por ej. una imagen de gradiente.
EliminarAquí se explica cómo poner separadores en las entradas del blog:
Eliminarhttp://ciudadblogger.com/2010/02/poner-separadores-entre-las-entradas.html
Potro una pregunta nada que ver .. quiero poner un banner de adsense arriba del menu de mi blog ( http://lediounbobaso.blogspot.com/) arriba del todo y centrado, pero intente de todas formas y no pude
ResponderEliminarOtra cosa.. tengo disqus para comentar y queria saber como hacer que el numero de comentarios de este salga en el comment bubble que tiene mi plantillas
Saludos
http://lediounbobaso.blogspot.com/ Le dio un bobaso!
Pon el anuncio debajo de <div id='main-wrapper'> y para que esté centrado enciérralo entre <center> y </center>
EliminarRecuerda que cuando el anuncio se pone directo en la plantilla primero se debe convertir a texto plano el código.
Lo del número de comentarios hasta donde sé no se puede poner en otro lugar cuando se trata de otro gestor de comentarios distinto al de Blogger.
Saludos.
No entendi lo de comvertir a texto plano! intente ponerlo donde me dijiste al html del codigo pero me da error
EliminarLos anuncios de AdSense se deben convertir a texto plano para que se puedan mostrar cuando éstos se colocan directo en el HTML de la plantilla:
Eliminarhttp://ciudadblogger.com/p/conversor-de-html-texto-plano.html
Muchas gracias potro
ResponderEliminarPor nada ;)
EliminarMaster una preguntita de millon de dolares, http://peruanasutv.blogspot.com/ es es mi blog de pruebas, como podras ver puse un ad de 468x15 debajo del titulo, y tengo 4 entradas en mi pagina, como sabras solo se puede poner 3 maximo (link units) hay alguna manera de evitar que se ponga en blanco ese espacio y llenarlo con alguna publicacion o condicionarlo? o otra alternativa, la unica que pense solo poner 3 post por pagina pero quizas haya otra que tu sepas.
EliminarMuchas gracias.
La mejor alternativa es la que propones al último, mostrar sólo tres entradas en la portada, pues no hay condicionales por número de elementos, además rediciendo el número de entradas en la portada significa una reducción en el tiempo de carga del blog :)
EliminarClaro, eso es lo unico que pense. Aunque hay muchos otros factores que influyen la velocidad de carga de un sitio/blog :-) pero bueno Potro, muchisimas gracias por tus tips. Un abrazo
EliminarHola, tengo dos blogs, en uno añadí los botones sin problema y en el otro, siguiendo los mismos pasos, no fui capaz. Sabrías decirme cuál es el problema... Los blogs son:
ResponderEliminarhttp://historiasdamanola.blogspot.com/
http://ocartafoldanena.blogspot.com/
Un saludo y muchísimas gracias...
Hola A nena, entré a ambos blogs pero en ninguno vi puestos los botones. Si te decides a ponerlos nuevamente me avisas, y aunque no se vean déjalos puestos para que pueda ver qué puede estar pasando.
EliminarSaludos.
Hola potro, mi pregunta no está relacionada directamente con este post, pero tal vez puedas ayudarme...
ResponderEliminarAl entrar en cualquiera de mis posts, me queda un enorme espacio en blanco entre la caja de comentarios y la línea de (Entrada reciente / Página principal / Entrada antigua). Alguna idea de cómo quitarla?
Es como el espacio que tienes justo debajo de tus comentarios, pero el triple de grande. Gracias por adelantado.
Ah, te dejo el blog, por si quieres echarle un ojo: www.listasdelibros.blogspot.com
Hola Juan,
EliminarNo veo un enorme espacio, pero quizá esta entrada pueda ayudarte:
http://ciudadblogger.com/2011/12/reducir-el-espacio-debajo-de-los.html
Lo pruebo. Gracias, genio!
ResponderEliminarPotro, funcionó perfectamente.
EliminarGracias, crack!!!
Por nada :)
EliminarBuenísimo!!!!
ResponderEliminarMuchas gracias Potro!!!
Gracias a ti por tu visita :)
EliminarEste tampoco me anda :(
ResponderEliminarAhh no se que hacer x3
Puedo confiarte mi blog y hacerlo tu???
Lo siento, pero no puedo hacerlo por nadie. Supongo que el problema está en que no lo estás poniendo en el lugar indicado.
EliminarHola potro me surgió un problema. Los botones me salen en linea vertical y no horizontal como en tu post, ¿cual crees que pueda ser el problema? mi blog es este http://elojoderojas.blogspot.com/ Tu mismo eres Potro (Y)
ResponderEliminarHola Efrain, entré a tu blog pero no los vi puestos :/
EliminarSi los pones de nuevo me echas un grito para que entre a revisar qué ha pasado.
El problema era mi plantilla, pero ya lo solucione, al final lo puse y quedo como yo quería, chebre tu post.
EliminarPotro una consulta,no tiene nada que ver con tu post. Que tengo que aumentarle al código de los botones de redes sociales de "Add This", para que solo compartan y aparezcan en las entradas en la parte de arriba (debajo del título de la entrada, claro está)de mi blog (http://elojoderojas.blogspot.com), igual que en este sitio web: http://diario16.pe/columnista/1/juan-carlos-tafur/1554/moyano-un-baldaon-para-la-izquierda ... quiero que me digas que tengo que aumentarle y en que parte de "edición de html" tengo q ponerlo. Gracias de antemano , Potro.
Sólo encierra el código de esos botones en una condicional para que sólo sean visibles en las entradas individuales:
Eliminarhttp://ciudadblogger.com/2010/03/condicionales-de-blogger.html
potro creo que tengo un problema al agregar este y otros tipos de botones de redes sociales en las entradas, incluyendo las que vienen por defecto en blogger que muestras acá
ResponderEliminarhttp://ciudadblogger.com/2010/06/botones-para-compartir-de-blogger.html
he hecho lo que dice la entrada y no se ven, creo que es un problema de mi plantilla pero no sé como solucionarlo y me gustaria mantener la plantilla que tengo, espero que me puedas ayudar. mi blog es este http://j-musiic.blogspot.com/
Veo que tienes el primer código pero no el otro. Revisa si la línea donde se tienen que pegar no la tienes repetida, si es así ponlos también en esa área.
EliminarEste comentario ha sido eliminado por el autor.
Eliminarsi te referias al post-footer, no está repetida (y "b:skin" tampoco) y claro, con los artilugios expandidos u.u
Eliminartambién probé colocandolo en footer-line-1 o en footer-line-2 y nada, en ninguno de las 3 parte lo muestra mi blog
Ponlo arriba o abajo de <div class='info'>
Eliminarmuchas gracias ahora si se ven los botones :D!!
Eliminarmuchas gracias potro se agradece mucho la ayuda :)
gracias por todo me sirvio mucho
ResponderEliminarDebe ser alguna modificación de Facebook, ya varios usuarios han reportado lo mismo, así que supongo que, se trata de un problema de Facebook, o ya no saldrá la publicación al dar Me gusta.
ResponderEliminarque hay de nuevo potro, oye hay varios problemas con los botones, desde que el boton de google mas cambio su apariencia, ahora no me comparte nada en facebook, y tampoco aparece el boton de taringa.
ResponderEliminarEl de Taringa siempre ha dado problemas, ¿en cuál blog lo has puesto?
Eliminarlo había puesto en este ponowx.blogspot.com, pero ya aparece otra vez, solo queda ese problema del botón de facebook pero esperemos sea algo de mantenimiento, gracias por la respuesta.
EliminarEn tu blog veo funcionando bien también el de Facebook, sólo que al igual que todos ahora después de darle click en Me gusta hay que darle click en Confirmar.
EliminarHola de nuevo potro, pues el problema sigue con el boton de facebook, aunque le de confirmar y le de me gusta en la ventanida que sale sigue igual, he visto en la pagina de televisa deportes este si funciona, aunque claro no es el mismo, pero crees que sea por el estilo? me gustaria que esos botones los pusieras con otro estilo, ya que yo no uso la barrita de taringa, en mi otro blog, habia encontrado un complemtento ADDTHIS pero me sale dentro y fuera de las entradas, la verdad eso no me agrada, alguna solucion o tutorial sobre addthis?
Eliminar¿A qué te refieres con fuera y dentro de las entradas? ¿quieres que no se vea en la portada? si es así encierra tu código de AddThis con una condicional:
Eliminarhttp://ciudadblogger.com/2010/03/condicionales-de-blogger.html
quisiera tener esos botones pero todos juntos horizontalmente menos el de taringa me ayudas? todos los verticales
ResponderEliminarPues todos están alineados horizontalmente. Sino quieres el de Taringa sólo quita esta parte del código:
Eliminar<li class='t-big'><script type='text/javascript'>(function(){var x=document.createElement('script'), s=document.getElementsByTagName('script')[0];x.async=true;x.src='http://widgets.itaringa.net/share.js';s.parentNode.insertBefore(x,s)})()</script>
<t:sharer data-layout='big'/></li>
Tio, eres un crack, sin ti no haría nada. Sigue con el blog!
ResponderEliminarGracias Pena :)
EliminarGracias a ti por tu visita Gerardo. Saludos.
ResponderEliminarComo hago que al compartir algo en Faceboo solo se comparta el nombre de la entrada y no el del blog y la entrada como me pasa-...
ResponderEliminarEjemplo de lo que me pasa ahora al compartir:
(nombre de mi blog):(nombre de la entrada)
Ejemplo de como lo quiero al compartir:
(nombre de la entrada)
No hay una solución para ello, a muchos nos pasa, todo está en ciertos parámetros de la plantilla que no podemos modificar.
Eliminar