Como colocar botones sociales arriba de fotografía.

JesusEC · 22 Abr 2015

Saludos betas.

Se como ingresar banner adsense arriba de la fotografía, se como poner un solo botón social; lo que no sé, es como agregar 3 botones sociales y que queden parejos como se ve en la foto.

Espero me puedan ayudar.

PD: Deseo los mismo botones.

RabadanOscar · 22 Abr 2015

Esos botones son los oficiales, Facebook, Twitter Clica los enlaces para ir al sitio de configuración y obtener el código, el de Youtube no lo manejo pero no debe ser muy difícil si buscas en la web. Para que aparezcan juntos mételos todos dentro del mismo div, si quieres les pones align="center" para que se centren, debería funcionarte, aunque a veces he tenido problemas con el botón de Facebook que insertaba una línea automáticamente, no se si es eso lo que te ocurrirá a ti.

jose roman 1316 · 22 Abr 2015

revisa el codigo fuente de la pagina donde lo miraste funcionando

Johan Sibulo · 22 Abr 2015

addthis tiene un conjunto de wadgets amigos puedes colocar los que mas te gusta y solo agrega un solo codigo

Menorah · 22 Abr 2015

¿Editando el style.css de la plantilla?
Yo lo hice de esa forma, pero que los íconos de las redes sociales queden a la misma altura que la del logo de mi web 🙂

Espero no meter la pata. Saludos !!

JesusEC · 22 Abr 2015

Tengo los códigos de los botones solo busco alinearlos. Ayuda amigo [MENTION=81006]kanikase[/MENTION]

kanikase · 22 Abr 2015

Ya lo resolviste? o aún no. [MENTION=22943]JesusEC[/MENTION]

JesusEC · 22 Abr 2015

Aún no amigo.

kanikase dijo:
Ya lo resolviste? o aún no. Enlace eliminado

kanikase · 22 Abr 2015

JesusEC dijo:
Aún no amigo.

Lo puedes hacer con lista, y un poco de css en cada li usar la propiedad display:inline-block; y position:relative, y usarías top o bottom para acomodarlo como quieres. Depende del código que tengas.

JesusEC · 23 Abr 2015

NO me funcionó, ayudame con el código para alinear, yo agrego el resto.

kanikase dijo:
Lo puedes hacer con lista, y un poco de css en cada li usar la propiedad display:inline-block; y position:relative, y usarías top o bottom para acomodarlo como quieres. Depende del código que tengas.

CRASHBANDICOOT · 23 Abr 2015

Que Buena Imagen dijo:
addthis tiene un conjunto de wadgets amigos puedes colocar los que mas te gusta y solo agrega un solo codigo

Oye amigo le pude addthis a mi web y no me salen, es la de la firma, mande a soporte y solo me dicen que estan estudiando mi sitio, aguna forma de como ponerlos?

Johan Sibulo · 24 Abr 2015

son dos codigos instalaste los dos codigos? hay otro botones amigo ShareThis' Social Media Buttons Optimize Brand and Publisher Content avisame si alguno de eso te funcionan

ceylia2013 · 25 Abr 2015

revisa el codigo fuente de la pagina donde lo miraste funcionando

Trecientos · 25 Abr 2015

no hay algo asi para wordpress ?

JesusEC · 28 Abr 2015

Sigo esperando ayuda.

- - - Actualizado - - -

Mira [MENTION=81006]kanikase[/MENTION]

El código que uso:

HTML:

 <b:if cond='data:blog.pageType == &quot;item&quot;'><div style='text-align: center;'>&lt;div class=&quot;fb-like&quot; data-href=&quot;http://facebook.com/EcuaLinks&quot; data-layout=&quot;button_count&quot; data-action=&quot;like&quot; data-show-faces=&quot;false&quot; data-share=&quot;false&quot;&gt;&lt;/div&gt; &lt;a class=&quot;twitter-follow-button&quot; href=&quot;https://twitter.com/EcuaLink&quot; data-show-count=&quot;true&quot; data-lang=&quot;es&quot; data-show-screen-name=&quot;false&quot;&gt;Seguir&lt;/a&gt; &lt;div class=&quot;yt&quot;&gt;&lt;script src=&quot;https://apis.google.com/js/platform.js&quot;&gt;&lt;/script&gt; &lt;div class=&quot;g-ytsubscribe&quot; data-channel=&quot;EcuaLinkTV&quot; data-layout=&quot;default&quot; data-count=&quot;undefined&quot;&gt;&lt;/div&gt;&lt;br/&gt;&lt;/div&gt;<br/></div></b:if>

Carlos Figueroa · 28 Abr 2015

Enlace eliminado Las partes que te pongo en rojo son las que debes cambiar!

Insertar CODE, HTML o PHP:

<div id="fb-root"></div><script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.3&appId=653460961375138";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div align="center"><div class="fb-like" data-href="[COLOR=#ff0000]http://google.com[/COLOR]" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div> <a href="[COLOR=#ff0000]https://twitter.com/TRIPEOMUSICNET[/COLOR]" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @[COLOR=#ff0000]TRIPEOMUSICNET[/COLOR]</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> <script src="https://apis.google.com/js/platform.js"></script><div class="g-ytsubscribe" data-channel="[COLOR=#ff0000]GoogleDevelopers[/COLOR]" data-layout="default" data-count="undefined"></div></div>

Si esta parte ya la tienes en tu theme pues la omites:

Insertar CODE, HTML o PHP:

<div id="fb-root"></div><script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.3&appId=653460961375138";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Si quieres podes copiar el código y probarlo en esta web:
HTML Instant : Real-Time HTML Editor

JesusEC · 28 Abr 2015

Me conseguí este código:

Insertar CODE, HTML o PHP:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.redes {
 margin:10px auto 20px;
 text-align:center;
}
.redes .botfac, .redes .bottwi, .redes .botgoo {
 width: 100px;
 overflow:hidden;
 zoom: 1;
 *display: inline;
 display: inline-block;
 vertical-align: top;
}
.redes .botgoo {
 width:60px;
}
</style>


<div class='redes'>
 <!--Facebook-->
 <div class='botfac'>
  <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;height=20&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px'/>
 </div>
 <!--Twitter -->
 <div class='bottwi'>
  <a class='twitter-share-button' data-count='horizontal' data-lang='es' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
 </div>
 <!-- Google +1 -->
 <div class='botgoo'>
  <g:plusone size='medium'/>
 </div>
</div> </b:if>

Queda perfecto pero son de SHARE, busco de FOLLOW.

CaMaFiVe dijo:

Enlace eliminado Las partes que te pongo en rojo son las que debes cambiar!

Insertar CODE, HTML o PHP:

<div id="fb-root"></div><script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.3&appId=653460961375138";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div align="center"><div class="fb-like" data-href="[COLOR=#ff0000]http://google.com[/COLOR]" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div> <a rel="nofollow" href="[COLOR=#ff0000]https://twitter.com/TRIPEOMUSICNET[/COLOR]" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @[COLOR=#ff0000]TRIPEOMUSICNET[/COLOR]</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> <script src="https://apis.google.com/js/platform.js"></script><div class="g-ytsubscribe" data-channel="[COLOR=#ff0000]GoogleDevelopers[/COLOR]" data-layout="default" data-count="undefined"></div></div>

Si esta parte ya la tienes en tu theme pues la omites:

Insertar CODE, HTML o PHP:

<div id="fb-root"></div><script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.3&appId=653460961375138";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Si quieres podes copiar el código y probarlo en esta web:
HTML Instant : Real-Time HTML Editor

Carlos Figueroa · 28 Abr 2015

JesusEC dijo:

Me conseguí este código:

Insertar CODE, HTML o PHP:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.redes {
 margin:10px auto 20px;
 text-align:center;
}
.redes .botfac, .redes .bottwi, .redes .botgoo {
 width: 100px;
 overflow:hidden;
 zoom: 1;
 *display: inline;
 display: inline-block;
 vertical-align: top;
}
.redes .botgoo {
 width:60px;
}
</style>


<div class='redes'>
 <!--Facebook-->
 <div class='botfac'>
  <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;height=20&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px'/>
 </div>
 <!--Twitter -->
 <div class='bottwi'>
  <a rel='nofollow' class='twitter-share-button' data-count='horizontal' data-lang='es' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
 </div>
 <!-- Google +1 -->
 <div class='botgoo'>
  <g:plusone size='medium'/>
 </div>
</div> </b:if>

Queda perfecto pero son de SHARE, busco de FOLLOW.

Amigo pues tan facil como cambiar el tipo de boton de share a follow, si queres te lo hago, o con el que conseguiste ya te quedo funcionando?

JesusEC · 2 May 2015

Ayudame cambiando, no me funcionó para nada a mi 🙁

CaMaFiVe dijo:
Amigo pues tan facil como cambiar el tipo de boton de share a follow, si queres te lo hago, o con el que conseguiste ya te quedo funcionando?

Carlos Figueroa · 2 May 2015

JesusEC dijo:
Ayudame cambiando, no me funcionó para nada a mi 🙁

Pero pues revisando el codigo que te pase todos los botones son de follow, el me gusta es para la fanpage y no los posts, el de twitter lo mismo e igual el de youtube.

Como colocar botones sociales arriba de fotografía.

JesusEC

RabadanOscar

jose roman 1316

Johan Sibulo

Menorah

JesusEC

kanikase

JesusEC

kanikase

JesusEC

CRASHBANDICOOT

Johan Sibulo

ceylia2013

Trecientos

JesusEC

Carlos Figueroa

JesusEC

Carlos Figueroa

JesusEC

Carlos Figueroa

Temas similares