Reducir ancho de sección de comentarios y añadir botones sociales

  • Autor Autor AlanJav
  • Fecha de inicio Fecha de inicio
A

AlanJav

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
hola forobeta, quisiera que me ayuden con este asunto por favor. como puedo reducir el ancho en donde van los comentarios, buneo no se el nombre de ese sector, pero ahi les amndo unas capturas, y que codigos son los q debo de colocar para q esten los botones de twitter face y google+ en toda y cada una de las entradas del blog

quisiera que este así

Enlace eliminado



actualmente está asi, bastante grande... y los botones no se como ponerlos, los de face twitter y google+, ...

Enlace eliminado

saludos 😕
 
esta es ***** asi se ve en la entrada, ya puse el boton de facebook, pero los demas nos se como,
 
Última edición:
ok, lo primero que mire es que estan los botones de compartir de blogger, los tendras que dasactivar a ver si con eso se soluciona.
 
ok, lo primero que mire es que estan los botones de compartir de blogger, los tendras que dasactivar a ver si con eso se soluciona.
si se redujo un poco, pero quisiera que esté así ... mmmm como podria lograrlo...

Enlace eliminado
 

Adjuntos

  • bbarrade.webp
    bbarrade.webp
    6,6 KB · Visitas: 14
ok ahorita te pongo el codigo de como poner los botones

ok ahorita te pongo el codigo de como poner los botones
aqui esta el codigo para los botones solo tienes que buscar
Insertar CODE, HTML o PHP:
<div class='post-footer'>
y abajo del anterior codigo poner este otro
Insertar CODE, HTML o PHP:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float: left;'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div style='float: left; padding:2px;'>
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light"' scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:px"></iframe>
</div>
<div style='float: left; padding:3px;'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone expr:href='data:post.url' size='medium'/>
</div>
</b:if>
 
Última edición:
hola muchas gracias por tu respuesta, ya le puse el codigo y se acortó... ahora como podria acortar el espacio q queda entre el icono social de google+, tambien quiero eliminar el autor, y alinear las etiquetas hacia la izquierda, nos exq se me desacomodo :s
mira aca te dejo una captura

Enlace eliminado

EDITO: ya entendi acerca de los espacios de los botones sociales... asi esta bien 🙂 , ahora solo el problema radica en que elimine el autor y mover las etiquetas al lado izquierdo , tambien la palabra "comentarios" a la izquierda .... y que aparesca el nº de comentarios en la parte negra asi como muestra aca...

Enlace eliminado
 
Última edición:
Atrás
Arriba