Colocar barra compartir al lado botón Facebook en Blogger

Reaper · 2 Jun 2011

Buenas noches, como pueden ver en las entradas de mi blog puse los botones para compartir de blogger al final de los artículos lo que quiero hacer es poner la barrita al principio de los artículos justo al lado del botón de Facebook (al lado derecho del anuncio de adsense), pero cuando copio el código a ese lugar dentro la edición HTML de la plantilla, la barra sale debajo mi anuncio de adsense y no al lado del botón de Facebook, quisiera que me ayuden con el código HTML para que la barra me salga al lado del botón de Facebook.

Hasta Luego

lombervid · 3 Jun 2011

Reaper dijo:
Buenas noches, como pueden ver en las entradas de mi blog puse los botones para compartir de blogger al final de los artículos lo que quiero hacer es poner la barrita al principio de los artículos justo al lado del botón de Facebook (al lado derecho del anuncio de adsense), pero cuando copio el código a ese lugar dentro la edición HTML de la plantilla, la barra sale debajo mi anuncio de adsense y no al lado del botón de Facebook, quisiera que me ayuden con el código HTML para que la barra me salga al lado del botón de Facebook.

Hasta Luego

Y como podemos ver?, solo que adivinemos cual es tu blog!!

Saludos!!

Sergio69 · 3 Jun 2011

El blog calculo que será el de su firma, yo busque y encontre lo que pide (hay que entrar a una entrada) lamentablemente mi conocimiento es limitado. Pero yo intentaria esto:

Busca este codigo:

Insertar CODE, HTML o PHP:

<div class='post-share-buttons'>
<a class='goog-inline-block share-button sb-email' href='http://www.blogger.com/share-post.g?blogID=3454509105665659444&postID=7251997149311522258&target=email' target='_blank' title='Enviar esto por correo electrónico'>
<span class='share-button-link-text'>Enviar esto por correo electrónico</span>
</a><a class='goog-inline-block share-button sb-blog' href='http://www.blogger.com/share-post.g?blogID=3454509105665659444&postID=7251997149311522258&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'>
<span class='share-button-link-text'>BlogThis!</span>
</a><a class='goog-inline-block share-button sb-twitter' href='http://www.blogger.com/share-post.g?blogID=3454509105665659444&postID=7251997149311522258&target=twitter' target='_blank' title='Compartir en Twitter'>
<span class='share-button-link-text'>Compartir en Twitter</span>
</a><a class='goog-inline-block share-button sb-facebook' href='http://www.blogger.com/share-post.g?blogID=3454509105665659444&postID=7251997149311522258&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Compartir en Facebook'>
<span class='share-button-link-text'>Compartir en Facebook</span>
</a><a class='goog-inline-block share-button sb-buzz' href='http://www.blogger.com/share-post.g?blogID=3454509105665659444&postID=7251997149311522258&target=buzz' onclick='window.open(this.href, "_blank", "height=415,width=690"); return false;' target='_blank' title='Compartir en Google Buzz'>
<span class='share-button-link-text'>Compartir en Google Buzz</span>

</a>
<div class='goog-inline-block dummy-container'><g:plusone source='blogger' href='http://cuevadelcivil.blogspot.com/2011/06/accidentes-de-trafico.html' size='medium'/></div>
</div>

Y colocalo acá

Insertar CODE, HTML o PHP:

<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http://cuevadelcivil.blogspot.com/2011/06/accidentes-de-trafico.html&layout=box_count&show_faces=false&width=73&height=61&action=like&font=tahoma&colorscheme=light' style='border:none; overflow:hidden; width:73px; height:61px'></iframe>
[COLOR="red"]Colocar el codigo anterior acá[/COLOR]
<div class='post-footer-line post-footer-line-1'>

Probá asi luego de haber guardado una copia de tu plantilla.
Disculpen si estaba mal pero es lo que yo probaria con mis minimos conocimientos. Lo que dudo es si va a entrar y quedar bien.
Quizas tengas que alinear algo o poner los elementos flotando a la derecha, es lo unico que se me ocurre.

algui91 · 7 Jun 2011

Prueba a colocar esto

HTML:

<div class="post-share-buttons" style="display:inline; position:relative; top:-780px; left:420px;">

Como puedes ver, a mi me salio:

Aqui el codigo completo
<div class="post-share-buttons" style="display:inline; position:relative; top:-780px; left:420px;">
<a class="goog-inline-block share-button sb-email" href="http://www.blogger.com/share-post.g?blogID=3454509105665659444&postID=3313448870409458937&target=email" target="_blank" title="Enviar esto por correo electrónico">
<span class="share-button-link-text">Enviar esto por correo electrónico</span>
</a><a class="goog-inline-block share-button sb-blog" href="http://www.blogger.com/share-post.g?blogID=3454509105665659444&postID=3313448870409458937&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475&quot😉; return false;" target="_blank" title="BlogThis!">
<span class="share-button-link-text">BlogThis!</span>
</a><a class="goog-inline-block share-button sb-twitter" href="http://www.blogger.com/share-post.g?blogID=3454509105665659444&postID=3313448870409458937&target=twitter" target="_blank" title="Compartir en Twitter">
<span class="share-button-link-text">Compartir en Twitter</span>
</a><a class="goog-inline-block share-button sb-facebook" href="http://www.blogger.com/share-post.g?blogID=3454509105665659444&postID=3313448870409458937&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640&quot😉; return false;" target="_blank" title="Compartir en Facebook">
<span class="share-button-link-text">Compartir en Facebook</span>
</a><a class="goog-inline-block share-button sb-buzz" href="http://www.blogger.com/share-post.g?blogID=3454509105665659444&postID=3313448870409458937&target=buzz" onclick="window.open(this.href, "_blank", "height=415,width=690&quot😉; return false;" target="_blank" title="Compartir en Google Buzz">
<span class="share-button-link-text">Compartir en Google Buzz</span>
</a>
<div class="goog-inline-block dummy-container"><div id="___plusone_0" style="height: 20px; width: 82px; display: inline-block; "><iframe allowtransparency="true" frameborder="0" hspace="0" id="I1_1307434922027" marginheight="0" marginwidth="0" name="I1_1307434922027" scrolling="no" src="https://plusone.google.com/u/0/_/+1/button?source=blogger&hl=es-419&jsh=s%3Bplusone%3Agoogleapis.client%4021659763_a731129b%2Fclient%3Bgoogleapis.proxy%4021659763_a731129b%2Fproxy%3Bplusone%3Agoogleapis.client%3Aiframes-styles-bubble%4021659763_a731129b%2Fbubble%3Biframes-styles-bubble!plusone%3Agoogleapis.client%4021659763_a731129b%2Fbubble_only%3Bplusone-unsupported%4021659763_a731129b%2Funsupported#url=http%3A%2F%2Fcuevadelcivil.blogspot.com%2F2011%2F06%2Fmarcas-en-el-pavimento.html&size=medium&count=true&id=I1_1307434922027&parent=http%3A%2F%2Fcuevadelcivil.blogspot.com&rpctoken=763195608&_methods=_ready%2C_close%2C_open%2C_resizeMe" style="width: 82px; height: 20px; position: static; left: 0px; top: 0px; visibility: visible; " tabindex="-1" vspace="0" width="100%"></iframe></div></div>
</div>

[EDITO]:

Lo único que he hecho es posicionar el elemento, lo suyo sería colocar el código en su lugar, para ello solo tendrías que entrar en tu plantilla, bucar donde pegaste el código del Me gusta de facebook, e ir probando.

Reaper · 7 Jun 2011

Voy a probar las sugerencias que me plantean, gracias por responder...ya les comento como quedo.

Gracias algui91, solo utilize la primera linea y puse las coordenadas que queria y ya esta como quiero.

Hasta Luego

Colocar barra compartir al lado botón Facebook en Blogger

Reaper

lombervid

Sergio69

algui91

Reaper

Temas similares