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

[negamax]

Hola, tengo una duda con una plantilla de las oficiales que ofrece blogger, es la primera de "Vistas dinámicas". Esta plantilla al final de cada post tiene 3 botones para compartir "G+, tweet y me gusta" pero los tiene todos bien alineados y en el inicio del blog cada entrada tiene esos botones y cada botón es para compartir esa entrada en particular sin importar que la página sea la de inicio, alguien sabe cómo lo hacen?? busque en la plantilla y no pude encontrar los códigos 🙁

Saludos!


Blog de referencia: Blog de prueba

 

[MRTecno]

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:

<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:

<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>:

<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:

 

[negamax]

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:

<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:

<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>:

<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:

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!

 

[MRTecno]

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!

El código que te dije que buscaras es el único en el template de Vistas Dinámicas en el que están los botones de las redes sociales, están dentro del código de la entrada por eso lo que comparten es la entrada y no el enlace del blog, acá una captura:

En el blog de prueba que me pasaste, los botones que salen son los mismos que yo te digo:

No termino de entender cual es el blog en el que querés que salgan bien los códigos?, en ese blog tenés otro template al que querés ponerle los mismos botones o que?