¿Cómo lo hace esta plantilla con los botones para compartir?

MRTecno dijo:

Para encontrar los código dentro del template andá a Plantilla -> Editar HTML -> Dale clic en "Plantilla de Formato" -> y donde sale el código fuente dale CTRL + F para que salga la caja de búsqueda y pon lo siguiente:

Insertar CODE, HTML o PHP:

<b:includable id='shareButtons' var='post'>

Debajo te aparecerá el código de cada red social, pero para alinearlos así no va a bastar con encontrar eso solamente, vas a necesitar CSS.

Para agregar tus propios botones, tendrías que usar un código como este:

Insertar CODE, HTML o PHP:

<div class="social">
    <span class="Facebook">
        [B]AGREGAR CODIGO BOTON FACEBOOK[/B]
    </span>
    <span class="Twitter">
        [B]AGREGAR CODIGO BOTON TWITTER[/B]
    </span>
    <span class="Google">
        [B]AGREGAR CODIGO BOTON GOOGLE[/B]
    </span>
</div>

Y por último tenés que agregar esto antes de </head> o bien en el CSS sin los <style> </style>:

Insertar CODE, HTML o PHP:

<style>
.social {
    font-size: 1px;
}

.social iframe {
    vertical-align: bottom;
}

.social span {
    display: inline-block;
    width: 110px;
}

.social .Google {
    width: 75px;
}
</style>

Espero que te sirva, saludos! :encouragement:

Hacer clic para expandir...

negamax dijo:

Hola, muchas gracias, busqué el código que me dijiste pero parece que esos son los botones de compartir con forma de cuadrado, los típicos de blogger, pero te dejo el link a un blog con la plantilla que menciono para que puedas ver mejor de lo que hablo.

Respecto a agregar mis propios botones, el problema va más allá de alinearlos, el problema es que al aparecer en el inicio del blog todos los botones comparten el enlace del blog y no de la entrada, en cambio en este blog Blog de prueba sí comparte cada entrada, aunque esté en el inicio (home) del blog viendo varias entradas a la vez. Espero que me haya podido explicar bien, me sería de mucha utilidad si me puedes ayudar con eso.

Saludos!

Hacer clic para expandir...