Esto de los marcadores sociales (o bookmarks) mas que una moda son una herramienta muy buena de difusión, pues permite que otros promocionen y compartan lo que tú publicas.Vamos entonces a ver cómo poner marcadores sociales en el blog con un efecto pushbutton, es decir, que al pasar el mouse dé el efecto de un botón que se hunde.
Entra a Plantilla | Edición de HTML y pega antes de ]]></b:skin> lo siguiente:
.pushbutton a:hover{
position: relative;
top: 1px; left: 1px;
outline:none;
}
.bookmark table{
background-color:#000911;
border:1px hidden gray;
padding:10px;
}
.bookmark td{
font-size: 1em;
text-align: center;
vertical-align: middle;
color: #CCCCCC;
}
.bookmark img{
vertical-align: middle;
}
Ahora busca esta línea:
<p class='post-footer-line post-footer-line-3'/>
O esta:
<div class='post-footer-line post-footer-line-3'/>
Y justo debajo de ella pega el texto de este archivo.
Dale Vista Previa, si ves que todo está bien guarda los cambios.
Los marcadores sociales que están incluidos con: del.icio.us, Bitácoras, RSS, Digg, Google, Yahoo, Technorati, Meneame, Fresqui, Enchilame, Twitter, Live, My Space y Facebook.
Si quisieras eliminar alguno localízalo y borra desde <span class='pushbutton'> hasta el próximo </span>
También puedes cambiar los íconos por otros, visita la sección de Descargas para ver los íconos disponibles y recuerda que se publican íconos constantemente.
Ciudad Blogger
me gusto el diseño. sabes como poner dos columnas en blogger
ResponderEliminarExcelente bro!!! ha quedado perfecto en mi blog.
ResponderEliminarGracias!!!!!
Un abrazo!!!
Hola Anónimo,
ResponderEliminarDespués públicaré cómo hacerlo.
Saludos.
Cyberbloggero,
Ya lo vi, quedó muy bien.
Un abrazo.
Amigo que bueno esto pero tienes que explicarme como se vincula el blog realmente no entiendo bien me suscribí tuitter y no se que hacer. Saludos
ResponderEliminarHola Dr. Page,
ResponderEliminarNo tienes que hacer nada, como dije al inicio los marcadores es para que los demás promocionen tu post. Quienes tengan cuenta de Twitter y quieran promocionar tu post sólo darán click en el marcador social y los mandará a la página de Twitter para enviar el mensaje.
Saludos.
ME VIENE DE PERLAS ESTE TUTORIAL
ResponderEliminarMUCHAS GRACIAS!
PERO NECESITO EL DE FACEBOOK Y NO VIENE, SABES COMO PONERLO?
DESDE YA GRACIAS
Hola JUANMA,
ResponderEliminarDisculpa pero tampoco lo había agregado a mi blog y por eso lo olvidé.
Ya está el bookmark de Facebook en la lista.
Saludos.
P.D. También está agregado Bitacoras.com
ResponderEliminarHola potro.
ResponderEliminarNo encuentro la linea que tu dices ...¿sabes si hay otro linea en vez de esa?
A veces no empieza con p sino con div, puedes buscarlo como:
ResponderEliminar<div class='post-footer-line post-footer-line-3'/>
Saludos.
Hola potro...si encontre esa line y gracias pero el archivo que tu dices que esta al ultimo que pegemos debajo de la linea no esta....es decir le doy clic y me sale:
ResponderEliminar¡Este sitio es una web atacante!
Sí, ahora Dropbox tiene unos problemas con unos virus en sus servidores, puedes descargarlo en este link:
ResponderEliminarhttp://www.megaupload.com/?d=NN5Q48PT
Saludos.
Potro otra pregunta!!!!!
ResponderEliminarmira ya se como poner los marcadores pero lo que no es como cambiar el estilo de los marcadores sociales ...¿sabes como hacer?
Si te refieres a cambiar los íconos tendrías que hacerlo en el código que descargaste, tienes que buscar las URL de las imágenes (sí es un poco trabajoso) y remplazarla por las imágenes que quieras.
ResponderEliminarEn la sección Descargas hay algunos íconos de marcadores que te pueden servir.
Saludos.
Hola no puedo accesar al archivo ese que dices, entreo y me marca errror con el logo de google, que hago
ResponderEliminarte agradezco tu respuesta
holaaa tengo un pekeo problema no se si me puedas ayudar.. ya hice todo pero kuando vo ya abrir el enlace para pegar un kodigo despues kon ese arvhivo ke dice ahi kuando lo vo ya deskargar me sale una pagina ke dice provilegios insuficientes `podrias ayudarme gracias
ResponderEliminarya lo logre kon el link de megaupload... keda perfecto muchisimas gracias
ResponderEliminarHola DisneyRocksMx,
ResponderEliminarEn enlace está funcionando perfecto, pero por si las dudas te dejo otro enlace para que lo descargues.
Descargar
Saludos.
Hola KIKE♎
ResponderEliminarVoy a revisar el enlace de nuevo. Pero lee el mensaje anterior, ahí hay otro link para que descargues el archivo.
Saludos.
gracias gracias ya lo pude abrir mil gracias gracias gracias tu pagina es genial
ResponderEliminarde hecho es la mejor en esto gracias
Me alegro que ya esté bien.
ResponderEliminarSaludos y gracias por tus comentarios!
potro tengo un problema ..todo va muy bien pero kuando pongo un nuevo post o kuando voy a ver los komentarios parece ser ke los markadores estan muy abajo y se monta sobre el titulo de lpost siguiente podrias indikarme kom oarreglarlo muchas gracias
ResponderEliminarHola KIKE♎
ResponderEliminarA esa plantilla le faltan varias cosillas por lo que siempre vas a batallar para los códigos, lo mejor es que uses un gadget de marcadores sociales que lo integre como el de Outbrain que has puesto. Como te digo, habría que hacer muchas modificaciones para poder usar estos marcadores y en una de esas podría quedar descuadrada la plantilla.
Saludos.
gracia potro entonces me podiras yuadar on lo ke dices.. expliakrme kom oes el gadget muchas gracias
ResponderEliminarHola KIKE
ResponderEliminarHay varios, uno de los más completos es Tell a fiend, sólo ocupas registrarte, seguir unos pasos y ellos te darán el código, incluso te dirán exactamente en qué parte de la plantilla debes pegarlo.
Te dejo el enlace:
http://secure.socialtwist.com/signup
Saludos!
exelente. EXELENTE POTRO LO HICE CON TELL A FRIEND y simplemente modifike la imagen para hacerlo mas personal y me gusto mucho muchisimas gracias por tu ayuda tengo un par de duas mas quisiera saber si existe algun korreo electronico donde pueda eskribirte o toka por aki? muchas gracias por todo
ResponderEliminarHola KIKE♎,
ResponderEliminarQué bueno que te sirvió, ya entré a tu blog y quedó excelente.
Las preguntas las puedes hacer aquí buscando en el buscador el tema adecuado, si no está entonces usa el formulario de contacto que está en el menú de la barra lateral donde dice Enviar un mail.
Saludos.
Hola potro es ke me acabo de cambiar de plantilla
ResponderEliminarpero que crees no encuentro ninguna de las dichosas lineas
que hago ayudame
Hola Alex,
ResponderEliminarTienes que marcar la casilla Expandir artilugios para encontrar el código. Si te refieres a la plantilla de Curiosidades del Mundo, la línea que debes buscar es la segunda, la que empieza con div.
Saludos.
Te pido mil disculpas es ke no lei bien
ResponderEliminarperdon
ya los puse es ke los tenia en la plantilla anterior
ResponderEliminargracias
Qué bueno que ya está funcionando ;)
ResponderEliminarSaludos.
Lo hice al revés y la he liado. Inserté el marcador desde facebook y al instalarse en blogger me cambió la visualización de los elementos de la página de todos los blog. En lugar de salir cada uno en su sitio, los pone todos seguidos horizontalmente, con lo que hace imposible intentar retocar los diseños. Podrías echarme una mano?. Gracias.
ResponderEliminarHola DO2,
ResponderEliminarNo tenía idea que podían ponerse desde Facebook por lo que no sé qué código usen para los marcadores.
No sé en cuál blog tienes el problema, yo entré a la mitad de ellos (porque son muchos) y todo lo vi en orden.
Saludos.
Hola, podrias ayudarme me funciona pero nose como centrarlo podrias darnos en codigo centrado ? porfavor.
ResponderEliminarHola Ange1Boy,
ResponderEliminarEL código del archivo que descargaste enciérralo entre <center> y </center>
Saludos.
cuando dices el codigo que descargue te refieres al que esta Etiquetado en el post ?
ResponderEliminarintente ponerlo
(center) (EFECTO PUSHBUTTON EN BOOKMARKS)
..... bla bla bla
(style) (center) (head)
Asi esta bien? le puse parentesis para que acepte el comentario espero que me entiendas
lo acabo de hacer asi y el titulo del codigo aparece en la cabezera de mi blog.
No Ange1Boy, me refería al código que está en el archivo .txt que descargaste. Ese es el que debes encerrar con center.
ResponderEliminarSaludos.
gracias, disculpa que te lo haya pedido sin decir porfavor.
ResponderEliminarSuerte y gracias nuevamente
Por nada, lo importante es que hayas encontrado la solución.
ResponderEliminarSaludos!
Hola potro una duda, para colocar como el tuyo de Enviar la entrada por Email como le hago, y para la opcion de imprimir la quiero agregar tipo bookmark, pero cual seria el codigo
ResponderEliminarpara el de imprimir ya haye por que me salia mal, y ya lo puse pero para el de enviar la entrada por Email como colocaste el codigo
ResponderEliminarHola Alex,
ResponderEliminarEntra en Configuración > Básico, y en donde dice, ¿Mostrar enlaces de envío de entradas? selecciona Sí, con eso aparecerá el enlace del envío de entradas por correo (que es el que estoy usando).
Saludos!
Hola, me parecio muy bueno el post,solo tengo una duda,al agregar el codigo los iconos para compartir me aparecen en las cabeceras de las entradas, y yo tengo activado en mi blog la opcion (LEER MAS) y me gustaria saber si me puedes ayudar a como hacer que los iconos de compartir aparezcan ya que este toda la entrada completa,hasta abajo coomo en tus entradas.Saludos.
ResponderEliminarHola Borest,
ResponderEliminarNecesitaría saber cuál es tu blog para decirte dónde pegar el código para que aparezca abajo de las entradas.
Mientras tanto encierra el código de los bookmarks entre
<b:if cond='data:blog.pageType == "item"'> y </b:if>
Con eso se verán sólo en las entradas y no en la página principal.
Saludos.
Ok, gracias, mira este es el blog, www.nitrostuped.blogspot.com ahun no lo hecho a andar en eso estoy, muchas gracias por la ayuda.
ResponderEliminarDisculpa que haga esta pregunta aqui, en esta entrada pero la verdad no sabia donde hacertela saber, como te comentaba,tengo la opcion en las entradas del blog, (LEER MAS) pero quiciera agregarle algo de CSS al leer mas,para dejarlo como un boton o algo asi,el problema que tengo es que no se donde agregar ese codigo,podrias ayudarme.?
ResponderEliminarmuchas gracias por la informacion
ResponderEliminarHola Borest,
ResponderEliminarVeo que ya lograste poner los marcadores en la parte de abajo del post.
Para personalizar el leer más pon en tu plantilla esto:
.rmlink a {
...aquí las propiedades..
}
Saludos.
Hola Pablo,
ResponderEliminarMe da gusto que te haya sido útil.
Saludos.
LA MEJOR EXPLICACIÓN DE LA WEB AMIGO! TE FELICITO QUEDÓ BUENÍSIMO!!
ResponderEliminarSALUDOS!
Gracias Francisco, ya lo he visto funcionando en tu blog ;)
ResponderEliminarSaludos.
Genial Blog! La verdad que bien explicado y muy provechoso!
ResponderEliminarGracias!
Gracias a ti por tus comentarios ;)
ResponderEliminarPotro como andamos!! Che amigo tirame una ayuda cdo puedas, mirá resulta q cambié la plantilla de http://elrespaldo.blogspot.com y ahora no le puedo poner los marcadores sociales porque no encuentro ninguno de los post footer line 3, ni con p ni con div???
ResponderEliminar¿Me resulta raro, pero, porque será?.
Bueno espero puedas ayudarme.
Saludos!
Hola Francisco,
ResponderEliminarTu plantilla no lo tiene pero podrías poner el código debajo de esta línea:
<div class='post-footer'>
Saludos.
Grande Potro!!, che amigo pero pegate una vuelta cdo puedas y miralo porque me queda desparejo en donde dice:compártelo, 2 comentarios
ResponderEliminarParece que ya lo has arreglado pues lo veo normal.
ResponderEliminarSaludos.
Este comentario ha sido eliminado por el autor.
ResponderEliminarEste comentario ha sido eliminado por un administrador del blog.
ResponderEliminarHola Tux Warez,
ResponderEliminarNo he entendido a qué te refieres con que los coloca para abajo. Necesitaría ver el código dentro de tu plantilla para ver a qué te refieres.
Saludos.
Hola al darle click en Twitter, no aparece el Titulo, y en el URL que tiene dice title, entonces por que no aparece solo aparece asi http://ciudadblogger.com/2009/06/poner-marcadores-sociales-en-blogger.html y ya
ResponderEliminarEn el caso de Twitter sólo agrega la URL del post, no el título ni nada más, por ejemplo si le presionas en el de compartir en este post aparecerá en Twitter así:
ResponderEliminarhttp://ciudadblogger.com/2009/06/poner-marcadores-sociales-en-blogger.html
Ya si se desea agregar otro texto como el título o un comentario se tiene que hacer editando el tweet.
Saludos.
agregue lo de efecto push button
ResponderEliminarpero lo segundo no lo hayo
checa mi plantilla haber si me puedes ayudar
http://disneyrocksmx.blogspot.com/
GRACIAS
Ya me perdí :S
ResponderEliminar¿Quieres agregar los marcadores sociales en es plantilla?
Los marcadores sociales de este post ya tienen el efecto pushbutton y también tiene el de Twitter incluido.
Saludos.
Si eso lo entendi, pero en esta web http://disneyrocksmx.blogspot.com/
ResponderEliminarno hayo los codigos para colocar lo de bookmarks, no hayo en mi plantilla me podrias ayudar porfavor
si te confundi un poco
perdon por eso
Ok, ok, ahora ya entendí :D
ResponderEliminarTu plantilla no tiene esa parte pero puedes poner el código debajo de:
<p class='post-footer-line post-footer-line-1'>
Igual funcionará.
Saludos.
Gracias Gracias Potro
ResponderEliminarhola amigo potro... una pregunta quizas para algunos basica para mi no porque muy poco se de tecnologia computacional..
ResponderEliminarpuedo agregar estos indicadores sociales en una pagina web
se hace de la misma manera oh de forma distinta, por fa si tienes explicacion enviela a mi correo oh aca, pero necesito su consejo, gracias y besitos de su amiga tiernita..
chao mi querido potro.
Hola tiernita,
ResponderEliminarLa verdad no sabría decirte, desconozco las plataformas de otras páginas Web, pero supongo que puede ser igual, podrías intentarlo.
Saludos.
Agradecido!!!
ResponderEliminarQuedaron muy bien en mi blog :P
Excelente Blackberry Chile, saludos.
ResponderEliminarquerido potro te cuento que me resulto todo en la pagina web asi que muchas mas graciasssssssss
ResponderEliminareres lo mejor !!!
bechos mi niño de tiernita
Qué excelente que todo haya resultado bien ;)
ResponderEliminarBesos!
Hola Potro !
ResponderEliminarGracias por tu tutorial me funciono al 100% ! pero solo tengo una pequeña duda, no se si los marcadores sociales los puedo poner al final del post ya que yo uso la funcion de 'Leer Mas' y cuando puse estos marcadores sociales me aparecen pero me salen asi,aqui te dejo mi blog para que veas como me salen
http://negociosparaprincipianteseninternet.blogspot.com/
No se si me puedan salir pero hasta el final del post como a ti te salen aqui en ciudadblogger
No se si me entendiste?
Hola Guerrero,
ResponderEliminarHaz lo que indico en el comentario #46 para solucionarlo.
Saludos.
Gracias Potro por responder tan rapido :) pero una duda ocupo pegarlo debajo de esos codigos o no entiendo como que encerrarlos ?
ResponderEliminarSaludos !
El código que descargas del archivo tienes que encerrarlo entre esos códigos, es decir, así:
ResponderEliminar<b:if cond='data:blog.pageType == "item"'>
Aquí va el código descargado
</b:if>
Saludos.
Gracias El Potro !! muchisimas gracias si me funciono !
ResponderEliminarUn Saludo
Qué bueno que ya tuviste los resultados esperados.
ResponderEliminarSaludos.
Hola,
ResponderEliminarEstoy con la creación de mi bitácora y tus consejos me están ayudando mucho.
Una pregunta: ¿Cómo hago para que estos botones me aparezcan solo en la página de cada entrada y no en la página principal, que se repiten una y otra vez debajo de cada entrada? ¿Me he explicado?
Gracias!!
Vale! Ya veo que lo has respondido arriba. ;)
ResponderEliminarQué bueno que ya lo has solucionado ;)
ResponderEliminarSaludos!
Hola BeTho,
ResponderEliminar¿Cuál widget?
Muchas gracias por tus comentarios :)
ResponderEliminarComo lo ago para que solo me aparesca cuando le doy la opcion Leer Más a la entrada?
ResponderEliminarOsea, que solo me aparescan los marcadores cuando le doy click a la entrada y que no me aparesca en la pagina principal... Este mi Blog
http://www.carlitocomparte.blogspot.com/
Saludos
En el comentario #79 está el código que debes usar para que aparezcan sólo en las entradas.
ResponderEliminarSaludos!
Gracias ahora me funciono ;)
ResponderEliminarYo he hecho todo como explicas pero los bookmarks me salen en vertical y no en horizontal. Como lo arreglo?
ResponderEliminarPodría tratarse por los estilos de tu plantilla, aunque muchos han puesto los marcadores en esa plantilla que usas y no han tenido problema :S
ResponderEliminarHola Potro, a mi también me aparecen en vertical, que puedo hacer???
ResponderEliminarHagan esto para que salgan horizontalmente y no verticalmente. Busquen en su plantilla esta parte:
ResponderEliminarimg {
border: 0;
display: block;
}
Eliminen lo que está en negrita y listo.
Gracias Potro, ya quedó... está de lujo
ResponderEliminarUna duda grande, bueno si entras a curiosidades del mundo veras en todos los Post que tienen los marcadores sociales, ahora lo que quiero es ke no aparezca en la Portada si no en cada post individual
ResponderEliminarGracias Potro
espero me puedas ayudar
En el comentario #79 está el código condicional que debe usarse.
ResponderEliminarSaludos!
Hola Potro, justo debajo de los marcadores y las entradas relacionadas, agregue como una recomendación para que los lectores se subscriban a mi feed y por email etc, pero pues quisiera agregarle algo de estilo a ese texcto, como puedo hacer para encerrarlo en una caja, ponerle un fondo y un color de borde. Tengo que marcar en los CSS o se puede hacer todo ahi? Si me puedes ayudar con el codigo. Saludos.
ResponderEliminarHola Borest,
ResponderEliminarEncierra lo que has puesto entre <div id='recomendacion'> y </div>
Luego en los estilos agrega esto:
#recomendacion {
...estilos...
}
Ahí agregas todo lo que le quieras poner.
Saludos.
Ok, muchas gracias Potro.
ResponderEliminarhola recien estoy empezando en esto y estoy perdida!estas subcripciones son las que aparecen despues de cada post? quisiera que me ayudes para poner una subcripcion a feed y otra a faceboock pero como tienen la mayoria de los blog no se si me explico
ResponderEliminarMe ha funcionado de maravilla y ya lo uso en mi blog. Muchas gracias Potro!
ResponderEliminarHola grisho0,
ResponderEliminarEfectivamente son las que aparecen abajo de cada post. Para poner lo otro entra en Diseño > Elementos de la página > Añadir gadget > HTML/Javascript y ahí pega esto:
<a href="http://tublog.blogspot.com/feeds/posts/default"><img src="URL de la imagen" /></a>
<a href="URL de tu Facebook"><img src="URL de la imagen" /></a>
Cambia el nombre de tu blog donde se indica, igualmente agrega la URL de la imagen del ícono que quieras donde se indica.
El primer código es para que se suscriban a tu blog, el segundo es para que entren a tu perfil de Facebook.
Saludos.
Hola Mónica Jourgensen,
ResponderEliminarQué bueno que te ha sido útil esta información.
¡Saludos!
Hola Potro,en la parte derecha de este blog http://skinep.blogspot.com puse unos iconos sociales, justo ahora aparecen unos de 32x32 pixeles, pero antes tenia unos de 16px, el problema era que les agregaba un texto ejemplo Codigodelaimagen>Sigueme en twitter, pero lo que yo queria era que la imagen se despegara un poco más del texto, porque aparecia muy junto, quisiera saber si se puede hacer eso?. Ya intente haciendo lo de cambiar los iconos de los widgets, buscando el id de ese widget (HTML1), entonces quite la url de la imagen y solo deje las () y modifique la distancia, pero aun asi no vi cambios, espero tu ayuda. Saludos.
ResponderEliminarEn el código de la imagen agrega esto style="margin-right:10px;"
ResponderEliminarSino funciona con margin-right intenta con padding-right
Saludos.
Oks, saludos Potro.
ResponderEliminarHola Potro, por qué será que si abro el Blog con el explorer los marcadores se ven gigantes? Con friefoz y Chrome va perfecto. Se podrá solucionar?
ResponderEliminarGracias!!
Puede ser la versión de tu navegador, aunque de por sí es "normal" que las páginas web se vean fatales en Internet Explorer.
ResponderEliminarSaludos.
Hola Potro! Te envié un correo con algo referente al archivo de texto de los marcadores sociales, a los cuales les modifiqué unas cositas. Pero ahora veo como que aparecen otras redes que no estaban antes o que cambiaron los íconos. ¿Es ese archivo de texto que pusiste para descargar el mismo que estaba antes, o lo modificaste? Es que a mí no me aparecen las redes de Blogmemes ni Neodiario. Estoy usando el archivo que tú habías posteado hace tiempo. Ilústrame, por favor.
ResponderEliminarGracias y saludos!!!
Hola Vicky,
ResponderEliminarNo he visto aun tu correo, en un rato más lo reviso.
Efectivamente hice unos cambios porque había un par de redes que ya no funcionaban, Blogmemes y Neodiario, así que las eliminé, pero olvidé por completo editar la entrada y suprimir esos :P
Ahora mismo quito esos nombres de la entrada :)
¡Saludos!
Hola, Potro! Gracias por la aclaración y también por tener en cuenta las aportaciones de información (aunque sean muy pequeñitas) que los ciudadanos podamos hacer.
ResponderEliminarY gracias porque tu página entrelaza una amplia red de personas, en la que todos aprendemos de los aportes y preguntas de todos, y sobre todo, de tus respuestas para todos nosotros.
Saludos!
Creo que lo que más me gusta de estar aquí es que fuera de ser un sitio donde alguien "enseña" y los demás "aprenden" se convierte en como bien dices una red, en la que todos aprendemos de todos.
ResponderEliminarGracias por tus siempre amables comentarios :)
¡Saludos!
Para los que les este costando encontrar iconos mirad aquí:
ResponderEliminarIcon Finder
Lo acabo de conocer y ya me encanta.
Los de mi dock están sacados de allí:
Drawer 4 Everyone
Hola, Potro! Como habrás visto, ya puse estos botoncitos de redes sociales en mi blog (el blog de la dirección que te envié ayer por correo). Funcionan muy bien. Gracias. Solo quisiera pedirte si pudieras ayudarme en un detallito que no he podido acomodar.
ResponderEliminarVerás: desde que los puse, me aparece arriba de ellos (entre éstos y las reaaciones) una especie de franja que es como un sub-cuadro interno, dentro del cuadro mismo que ya yo tenía como post-footer.
Y pienso que eso tiene que ver con los botones de redes sociales, porque en dos blogs que los he puesto, me sucede igual, y justo después de haber puesto estos botones.
Por mucho que he intentado, no logro quitarle ese recuadro de más adentro. ¿A qué crees que se deba? ¿Cómo podría yo hacer?
Muchísimas gracias, de antemano.
Hola Vicky,
ResponderEliminarPodría ser por la clase que tiene el contenedor de los botones, prueba con esto, al inicio del código que has descargado de esta entrada busca esta línea:
p align='left' class='post-footer'
Elimina lo que está en negrita y verifica si con eso se soluciona.
¡Saludos!
Hola de nuevo, Potro! Mira, que diste justo en el clavo. Eso mismo era la causa. Le quité lo que me dijiste y ¡voila!, santo remedio!
ResponderEliminarMuchas gracias de nuevo por todos tus trucos, datos y tips.
Hasta luego!
Excelente :D
ResponderEliminarHola Potro.Que tendría que hacer para poder poner los marcadores en la barra lateral? Lo que tampoco consigo averiguar es cómo conseguir las URL de ciertos sitios para ponerles un marcador y que al clicar sobre él nos mande a la página para compartir.Cómo por ejemplo en blogger,que te lleva directamente a una ventana para publicar una entrada.
ResponderEliminarGracias por adelantado.
Ignoro si se puedan poner en la sidebar.
ResponderEliminarSobre los sitios que menciones no sé exactamente a qué te refieres, necesitaría ver un ejemplo.
Saludos.
He conseguido ponerlos en la sidebar con un elemento HTML/Javascript,de igual forma que poniendo imágenes con una URL.He copiado las URL para cada enlace del archivo que tu has puesto para descargar en el tutorial.Y funciona perfecto.Pero hay algunos inconvenientes.Por ejemplo en el marcador de Blogger que ponemos debajo de las entradas clicas y te abre una ventana para compartir el contenido en tu blog,y ya te aparece copiada la URL del post que quieres compartir.Al clicar en el marcador en la sidebar me abre la ventana igual,pero no aparece el título del blog o post copiado.
ResponderEliminarLas URL por las que preguntaba son precisamente de las que hacen que el marcador te lleve a la red social dónde quieres compartir.Por ejemplo:
"http://facebook.com/share.php?u/"
Ésta te lleva a la ventana para compartir en Facebook.Éstas las tenemos porque están en el archivo que tu has puesto.Pero y si quieres poner otras,cómo por ejemplo deviantART,con su respectivo icono,cómo conseguimos ésas URL para pegar en el código HTML? Lo intento pero no lo consigo.
Perdona Potro.Se me olvidó dejar la URL de mi blog por si quieres comprobar el ejemplo que expongo antes.Ahí va:
ResponderEliminarhttp://ivanserranogarcia.blogspot.com/
Poner los códigos en la sidebar hará sólo que se muestren los íconos, pero dudo que pueda funcionar de forma correcta pues los códigos necesitan tomar la URL de la entrada para poder compartir el título y la dirección; y esos sólo se obtienen si el código está dentro del área de la entrada. Es por eso que desconozco si realmente pueda ponerse en la sidebar.
ResponderEliminarNo sé si Deviantart tenga ese servicio de compartir los artículos, de ser así sólo necesitarías averiguar la URL del servicio, cada página que tiene la característica de publicar contenido compartido tiene una URL distinta, por eso no podría decirte cuál es, si es que la tiene.
Si la obtuvieras sólo tienes que agregarla a este código:
<a expr:href='"URL para compartir" + data:post.title + ": " + data:post.url'><img src='URl de la imagen' /></a>
Muchas gracias por la respuesta Potro.He estado probando de poner los marcadores en la sidebar y no se si habrás podido comprobarlo,ya que he hecho cambios constantemente ésta tarde,pero a mi me funcionan.Haciéndolo cómo si pusieras un banner en un HTML Javascript.Poniéndo las URL de las páginas y de las imágenes.Éso si,para enviar el contenido hay copiar y pegar en la ventana que aparece,la URL del sitio que quieres compartir.Es el inconveniente respecto al de las entradas.De éste modo alguien puede compartir la dirección de tu blog en sí y no sólo la entrada.Espero que a alguien le pueda servir de ayuda.
ResponderEliminarMuchísimas gracias por tu ayuda y entrega a ayudarnos,Potro.
Hola Potro.El código que me has puesto en el post 124 no me ha servido.Gracias de todas formas.He conseguido que funcionen los marcadores sociales en la sidebar y en otras zonas de la plantilla,pegando el código en un elemento HTML/Javascript,de la misma manera que para poner una imagen cómo link.Puedes comprobar en mi blog que funciona.Por si a alguien le interesara ponerlo también.Lo he puesto en la sidebar y en el footer.
ResponderEliminarhttp://ivanserranogarcia.blogspot.com/
Saludos.
Ya lo he visto, y como te decía, al estar en la sidebar no toma los datos de la URL de la entrada y su título.
ResponderEliminarSaludos!
Si,ése es el inconveniente.Habría que hacer cómo antiguamente.Copiar y pegar.No es que sea una gran solución,pero bueno.Lo intenté para ver si se podía compartir directamente la URL del blog y no sólo la entrada...En cualquier caso todo lo que sea aprender,que sea vienvenido!
ResponderEliminarSaludos,y gracias.
De todas formas estaré al pendiente por si veo cómo solucionarlo ;)
ResponderEliminarSaludos!
Hola Potro:
ResponderEliminarCuales son los codigos para poder insertar los iconos de Facebook Share y Twitter,pero en un blog que no se construyó con blogger ni con Worpress. Te agradeceria tu respuesta. Gracias
Desconozco cómo se haga en otras plataformas distintas a Blogger :s
ResponderEliminarmuchas gracias funciona del uno¡¡¡ mi blog esta quedando de lujo¡¡
ResponderEliminarQué bueno que te ha servido =)
ResponderEliminarSOS GROSO SABELO!!!!!
ResponderEliminarGracias David :)
ResponderEliminarBuenas necesito ayuda , me están apareciendo los marcadores sociales de blogger sin activarlo del panel de control y no-lose como eliminarlo te agradezco cualquier ayuda
ResponderEliminarMira esta entrada, ahí verás que se menciona que se debe pegar un código; sólo busca el código en cuestión y elimínalo.
ResponderEliminarSaludes, hecho..gracias
ResponderEliminar¿En cuál blog lo estás tratando de poner?
ResponderEliminarEsa plantilla no tiene los códigos completos ni los nombres regulares que usa Blogger en las plantillas es por eso que no aparecen las líneas donde se debe poner.
ResponderEliminarPrueba poner el código antes de <div id="commentsbox">
Sobre el leer más no sé, por lo que vi no aparece el código completo, desconozco si el lugar de donde tomaste el truco tiene los códigos correctos.
Hola MAESTRO, que tal, he hecho alguna modificacion sobre el estilo original que tienes aqui posteado y como siempre funcionando a la perfeccion. Bueno no me quiero extender. Date una vuelta por mi Blog y si me das la aprobacion subire aqui el enlace para que se lo descargen y asi de esta manera que elijan entre los dos estilos. http://www.ciudadpc.com/
ResponderEliminarUn abrazo
Te ha quedado muy bien PC :)
ResponderEliminarUn abrazo.
Potro se me olvidaba, sabes si ahi alguna manera (segun mi plantilla) de mostrarlos solo debajo de cada articulo al igual que los articulos relacionados y no en las paginas con formato estilo magazine. No se se me explico.
ResponderEliminar¿Te refieres a que no se vean en la portada?
ResponderEliminarhttp://ciudadblogger.com/2010/03/condicionales-de-blogger.html
Si señor Potro, ya he puesto la condicional
ResponderEliminar...Aquí va el código del elemento...
y esto es lo que queria. Eternamente agradecido.
Un abrazo
diculpa potro , nose si sabras como quitar los bookmark predeterminados que trae blogger , porque le e puesto otro , saludos y gracias
ResponderEliminarMira esta entrada, sólo sigue los pasos a la inversa.
ResponderEliminarMuchas gracias, de tanto buscar llegue aquí y me sirvió de mucho, saludos amigos y saludos a todos que visitan este blog :)
ResponderEliminarpotro tengo una pregunta , mira yo tengo un marcador social llamado sexybookmark y lo que pasa esque cuando pongo compartir por ejemplo en facebook , no aparece lo que dice la entrada si no que dice el codigo html del gadget en la publicacion de facebook osea esto:
ResponderEliminarvar numposts = 2;var showpostthumbnails = true;var displaymore = true;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;
el codigo esta aqui http://write.fm/SEXYBOOK que se divide en 2partes uno que va antes de "]]bskin" y el otro despues de ""
si me dijieses como arreglarlo para que en la publicacion de facebook salga lo de la entrada te lo agradeceria bastante saludos
ResponderEliminarEse es uno de los problemas que ha traído desde siempre el sistema para compartir de Facebook, no es por el marcador social, de hecho si pruebas hacerlo desde cualquier otro botón de Facebook sucederá lo mismo. Es un problema de antaño que parece no tener una solución real.
ResponderEliminarLo unico que puedes hacer es, o que quites ese script que usas, o que agregues meta tags, aunque no saldrá el texto de las entradas que se comparten, sino la descripción del blog.
Potro éstos botones son excelentes!, pero me gustaria saber como puedo hacer que queden más juntos entre sí, sólo por cuestiones estéticas, lo demás esta perfecto
ResponderEliminarSaludos.
Hola Diego,
ResponderEliminarEse espacio es generado por los estilos de tu plantilla, prueba poner debajo de .bookmark img{ esto:
margin:0 !important!
Gracias Potro es Robert Aguilera.
ResponderEliminarBien seguiré tus recomendaciones y una vez que lo haga te aviso. Una cosa más como puedo colocar dicho botones llamase facebook, twitter, gmail, y rss. En la parte superior izquierda de mi blog , pues me gustaría estuvieran ubicados a nivel de la pestañas o cerca. Te dejo el URL de mi blog.
http://cursodecadd2d.blogspot.com/
Nuevamente Mil Gracias por tu ayuda Saludos.
Podrías hacerlo dividiendo el crosscoll del blog, sólo que en lugar de dividirlo en tres partes lo dividirías en dos para que de un lado esté el menú y del otro lado los botones que deseas. Saludos!
ResponderEliminarHola Potro, este truco lo instalé en mi blog hace unos meses y va perfecto, pero tengo una pequeña duda, desactivé los iconos que te da blogger por defecto de las redes sociales y nunca me desaparecen de los post, siempre están ahi pero cuando pinchas en ellos no funcionan, ¿como puedo eliminarlos por completo? ¿alguna idea? Gracias de antemano.
ResponderEliminarHola Jesús,
ResponderEliminarBusca el código de los botones y borralo de la plantilla, así será de forma directa la eliminación.
Muchas gracias Potro! ya lo he arreglado.
ResponderEliminarHola Potro q tal , lo prometido es deuda, ya coloque los marcadores en mi blog y se ven perfectos. En eta ocasión me gustaría q me hechara una mano con un problemita q tengo en mi pagina facebook , me refiero específicamente a EDITAR LA CONFIGURACIÓN DE IMPORTACION. Mi duda es la siguiente que se debe colocar la URL O EL FEED DEL BLOG. En mi caso coloque la URL y una vez q lo hice las entradas de mi blog aparecieron en mi pagina de facebook hasta aquí todo un 100% bien. Y Aquí viene mi problema al hacer click sobre cualquiera de estas entradas en mi pagina facebook no lo vincula a mi blog simplemente abre en modo de código HTML. No se que estaré haciendo mal.
ResponderEliminarSeguidamente te dejo la URL DE MI BLOG. Y la de FACEBOOK
http://cursodecadd2d.blogspot.com/
URL DE MI PAGINA DE FACEBOOK.
http://www.facebook.com/pages/CursodeCadd2d/159403264132594?sk=wall
Y aprovechando este post me gustaría saber si has publicado algo sobre FEEDBURNER Y EN LO particular me interesa saber cómo cambiar a español el mensaje de bienvenida que envía FEEDBURNER una vez que un usuario se suscribe , y si fuese posible como editarlo a nuestro gusto. Y por ultimo como cambiar a español la pagina del FEED DEL BLOG. De antemano 1000 gracias por tu ayuda Saludos. R.A
Hola Robert Aguilera,
ResponderEliminarTe sugiero que mejor uses una aplicación para vincular tu blog con Facebook. Una muy buena es RSS Graffiti:
http://oloblogger.blogspot.com/2010/05/tus-entradas-en-facebook-rss-graffiti.html
El idioma de ese mensaje se cambia ahí mismo en Feedburner, en esa misma sección verás que aparece la opción del idioma.
Para conocer más temas sobre el feed mira esta sección:
http://ciudadblogger.com/search/label/Feed
Saludos.
Hola Potro tengo una duda más antes de registrarme en RSS Graffiti o en este otro servicio que conseguí NetworkedBlog debería eliminar mis estradas de mi pagina de facebook así como suspender la importación de mi blog y comenzar todo desde cero?. Aunque la respuesta a esta pregunta es bastante obvia no me gustaría cometer alguna imprudencia.
ResponderEliminarLo otro seria y desde tu óptica cual sería el mejor servicio y me refiero a las ventajas y desventajas de ambos servicios. Investigando un poco supe que NetworkedBlog es algo lento en actualizar las entrada de un blog. Mil gracias por tu ayuda saludos.
Hola Robert,
ResponderEliminarNo es necesario eliminar las actualizaciones, sólo dar de baja la importación y luego proceder con la aplicación que hayas elegido.
NetworkedBlog no lo he usado (o creo que una vez lo quise hacer y no pude), pero RSS Graffiti lo uso en la página de Facebook y me funciona muy bien.
Saludos.
Hola potro la aplicación RSS GRAFFITI me funciono perfectamente gracias por la ayuda. Me gustaría que me asistiera en tres interrogantes + que tengo jejjeje . Por lo general acostumbro a sobrescribir mi estrada principal simplemente sustituyendo la imagen únicamente (la publicidad del curso de autocad) bien como se podría en engañar por así decirlo al RSS GRAFFITI de que es una entrada nueva.
ResponderEliminarMi segunda interrogante Potro seria como vincular mi canal youtube (videos) a fecebook por medio de RSS GRAFFITI . Estuve investigando un poco y conseguí un video en ingles el cual te dejare el link para que le eches un vistazo y me recomiendes si ese es la manera correcta. Lo que me intereso del video y es clave es hallar el FEDD del canal de youtube el cual no se como conseguirlo.
http://www.youtube.com/watch?v=8I-L4f-jRR8
Y por ultimo Potro quiero aprovechar la oportunidad de aportar a la comunidad de Ciudad blogger un link de una página que gestiona de manera automática FAVICON TIPO GIFF estos giff son muy parecidos al blog de prueba de ciudad blogger beta me pareció interesante porque te ahorra algunos pasos y de manera autónoma genera un código aquí dejo la URL . http://favicon.htmlkit.com/favicon/
De antemano 1000 gracias
ResponderEliminarHola de nuevo,
ResponderEliminarEn las configuración de RSS Graffiti hay una opción (Filter) que dice qué publicaciones debe mostrar antes de determinada fecha, si pones una fecha muy anterior a la de esa entrada entonces cada vez que actualices esa entrada y la publiques otra vez la mostrará nuevamente en Facebook.
Sobre lo de YouTube no lo sé, nunca lo he intentado, pero la URL del feed de un usuario es así:
http://www.youtube.com/rss/username/USUARIO.rss
Gracias por el enlace, ojalá a alguien le sirva.
Saludos!
Hola Potro el feed de youtube me funciono perfectamente, gracia por el aporte. En esta oportunidad me gustaría contribuir a la comunidad de ciudad blogger . Referente a la creación de banners para el perfil de facebook no sabría si para las paginas facebook las cuales están de moda. Aquí dejo dos LINK para tal fin.
ResponderEliminarhttp://www.fbannersusers.com/flash/
http://www.perfilfacebook.com/
El segundo aporte el cual me pareció bastante interesante aunque lo conseguí en un video tutorial para banner de youtube . Y aquí viene lo atractivo de la pagina que con solo enmarcando tu logotipo o texto te hace un link al blog, twitter , facebook etc, etc, donde tu quieras o consideres.No se si la aplicación serviria para las paginas de bienvenidad de facebook. Claro no me podría irm sin preguntar algo jeje. Seguidamente dejo el link.
http://www.image-maps.com/
Potro me gustaría por favor me recomendaras un tutorial o profundizaras un poco más si fuese posible sobre la creación de la pagina de bienvenida de facebook . y me refiero puntualmente en que lenguaje se encuentra ese pagina en HTML O FBML , esa pagina la deberíamos subir a un Hosting , ese diseño hay que hacerlo en un programa especifico en otras palabras . Como se hace para que cada uno de esos imágenes de la pagina de bienvenida de ciudad blogger tengan un link. Y subirla posteriormente a facebook. He revisado los post de ciudad blogger relacionado, lo confieso muy someramente. gracias por tu consejo, y disculpa mi imprudencia por tanta preguntas. Saludos.
R.A
Hola Robert,
ResponderEliminarGracias por los aportes.
En la red abundan tutoriales sobre FBML, pero si tienes tu pestaña de bienvenida como expliqué en otro post entonces basta con un poco de HTML básico, el mismo que utilizarías en Blogger.
Ya depende más sobre qué tanto quieras ponerle, pero no es nada complicado, yo por ejemplo sólo he puesto simples códigos de imágenes y algunas de ellas con enlaces. Algo tan sencillo como esto:
<a href="URL del enlace" ><img src="URL de la imagen" /></a>
Saludos.
Gracias Potro por tu aporte.
ResponderEliminarGracias mi pana, justo lo que necesitaba se te agradece un mundo.
ResponderEliminarGracias a ti por tu visita!
ResponderEliminarBuenos dias amigo Potro.
ResponderEliminarMuchas gracias por poner toda esta información a disposicion de los usuarios; ya he usado varios trucos y funcionan al 100% !!!
En este caso tengo una duda; los enlaces sociales se activan solamente en la pagina principal, despues de cada tema, al presionar "Más Información" y mostrar los temas de forma individual no aparece; he hecho varias pruebas y utilizado los condicionales del comentario 146, quitandolos de la pagina principal, pero no consigo activarlos en los temas individuales.
Alguna sugerencia? donde reviso?
De antemano muchas gracias.
http://airenlaces.blogspot.com/
Buen día elepe3000,
ResponderEliminarEntré a tu blog pero no veo puestos los marcadores sociales. Necesitaría verlos puestos para saber dónde puede estar el problema.
Saludos y gracias por tu comentario.
Muchas gracias amigo Potro.
ResponderEliminarNo deja de sorprenderme su voluntad para ayudar a los demás!!! felicitaciones y gracias.
Ya está resuelto.
El problema estaba en que visualizaba en VISTA PREVIA (sin guardar los cambios), en ese modo no mostraba los botones en el tema desplegado (después de presionar "Mas Informacióm"), al hacerme la solicitud para revisar guardé los cambios y funcionó, o sea que igual resolviste la situación!!!
Agradecido como miles de blogeros por tu atención, solucionar el problema y aprender que, al menos en mi equipo, la "Vista Previa" no muestra lo mismo que las modificaciones grabadas.
Muchas gracias.
(incluí boton de enlace a CiudadBlogger)
En Vista Previa no se ejecutan scripts y algunas cosillas. Pero además de eso, si es un cambio que sólo es visible en las entradas entonces la Vista Previa no sirve para esos casos, ahí es necesario guardar para que se apliquen y visualicen los cambios.
ResponderEliminarQué gusto que ya lo has resuelto y gracias por el enlace. Saludos.
Me encanta! gracias y además muy bien explicado!. Saludos!
ResponderEliminarGracias a ti Gypunto, por tu visita y comentario. Saludos.
Eliminarlo primero de todo gracias potro! mi pregunta es que cuando envio una entrada a facebook no aparece la foto como podria solucionarlo?? gracias de antemano y a seguir bloggueando.
ResponderEliminarEs un problema del que sufrimos la mayoría. Mira esta entrada de Vagabundia:
Eliminarhttp://vagabundia.blogspot.com/2012/01/mejoras-para-compartir-entradas-en.html
Hola Potro! Antes que nada agradecerte tus aportaciones, gracias a tus consejos mi blog está quedando genial!!
ResponderEliminarEn cuanto a esto... He puesto todo perfecto, he cambiado las imagenes para que vayan un poco mejor con el diseño de mi blog, pero me gustaría poner el enlace de compartir como el de pinterest, ¿cómo lo puedo hacer? No se muy bien que poner...
gracias por tu ayuda!!!
Hola, puedes ver el código de ese botón en esta entrada de Oloblogger:
Eliminarhttp://www.oloblogger.com/2012/03/pinterest-boton-que-se-ve-y-funciona.html
gracias por contestar tan rápido, eres un auténtico crack!
EliminarHola. Te quisiera preguntar una duda. Al abrir Diseño en mi página no hay ninguna pestaña para abrir htlm. Sí en Plantilla, pero ahí no encuentro eso de ]]> Seguro que es una tontería, pero es que llevo ya un rato tratando de poner esos iconos y no hay manera.
ResponderEliminarHola, da click la flecha que está junto a <b:skin>...</b:skin> se expandirá esa área y ahí verás dónde tienes que pegar ese código.
EliminarEres un crack, amigo. Te lo agradezco no sabes cómo. No sé si has entrado en www.zeppelinrockon.com pero seguro que ves por ahí cosas que mejorar en la página: tengo más de 2.000 vistas diarias pero el adsense es muy bajo. En fin, no sé cómo mejorar ese apartado. Help!!
ResponderEliminarGracias de corazón.
Te lo debo ÁNGEL, no soy experto en el tema de la monetización del blog :(
EliminarGracias de todos modos. Un saludo.
Eliminar