¿Cómo agregar un botón de +1 Google a un texto?

Allan Cano · 7 Jun 2014

Hola, muy buenos días.

Desde hace tiempo quería preguntar cómo poner una línea de texto con un botón de +1 Google, así como el de este sitio

Aquí está la captura por sí alguien me ayuda y esté es mi sitio PelÃ*culasyAnime.com | PelÃ*culas y Anime en espaÃ±ol.

Muchos saludos y buen fin de semana :encouragement:.

Souhiro · 7 Jun 2014

Ea facil buscas este codigo

HTML:

</body>

y pegas antes esto.

HTML:

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'es'}</script>

<div align='center' id='barraPlus1'>
<span id='textoPlus1'>Hola Peliculasyanime.com necesita crecer, que tal si nos regalas un &quot;+1&quot; para seguir creciendo, muchas gracias! : </span>
<div id='mensajePlus1'><g:plusone href='http://www.peliculasyanime.com' size=''/>
</div></div>

y los estilos buscas

HTML:

]]></b:skin>

a¿y antes de ese codigo pegas lo siguiente:

HTML:

#barraPlus1 {
    background: none repeat scroll 0 0 #FF0000;
    bottom: 0;
    height: 30px;
    left: 0;
    opacity: 0.7;
    padding: 5px;
    position: fixed;
    width: 100%;
    z-index: 900;
}
#mensajePlus1, #textoPlus1 {
    color: #FFFF00 !important;
    display: table-cell;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}
.botonPlus1 {
    display: table-cell;
    padding-left: 20px;
}
.cerrarTextoPlus1 {
    display: none !important;
}

Allan Cano · 7 Jun 2014

Sí funciono :welcoming:, solo falto que se quedará fijo.

Muchas gracias por tu respuesta amigo :welcoming: :encouragement:.

Saludos y un abrazo.

Souhiro dijo:

Ea facil buscas este codigo

HTML:

</body>

y pegas antes esto.

HTML:

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'es'}</script>

<div align='center' id='barraPlus1'>
<span id='textoPlus1'>Hola Peliculasyanime.com necesita crecer, que tal si nos regalas un "+1" para seguir creciendo, muchas gracias! : </span>
<div id='mensajePlus1'><g:plusone href='http://www.peliculasyanime.com' size=''/>
</div></div>

y los estilos buscas

HTML:

]=]=></b:skin>

a¿y antes de ese codigo pegas lo siguiente:

HTML:

#barraPlus1 {
    background: none repeat scroll 0 0 #FF0000;
    bottom: 0;
    height: 30px;
    left: 0;
    opacity: 0.7;
    padding: 5px;
    position: fixed;
    width: 100%;
    z-index: 900;
}
#mensajePlus1, #textoPlus1 {
    color: #FFFF00 !important;
    display: table-cell;
    font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}
.botonPlus1 {
    display: table-cell;
    padding-left: 20px;
}
.cerrarTextoPlus1 {
    display: none !important;
}

¿Cómo agregar un botón de +1 Google a un texto?

Allan Cano Seguir

Souhiro

Allan Cano