Header Ads Widget

Ticker

6/recent/ticker-posts

Cómo alinear los botones Me gusta de Facebook, Twitter Tweet

 El botón de Me gusta y seguimiento social en un sitio web tiene mucha importancia para generar más tráfico y visitantes. Cuando usa el botón Me gusta de Facebook, el botón Tweet de Twitter y el botón Google + 1, por defecto no está alineado. En este tutorial, le mostraré cómo alinear los me gusta de Facebook, el tweet de Twitter y el botón Google + 1 para mostrar.


Veamos el fragmento.

HTML para compartir en redes sociales

<ul class = "pclu-social">
<li>
<iframe src = " https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fkumarvikashsingh324%2F&width=51&layout=button&action=like&size=small&show_faces=false&height=false& = 65 & appId = 280722862458131 "width =" 51 "height =" 65 "style =" border: none; overflow: hidden "scrolling =" no "frameborder =" 0 "allowTransparency =" true "> </iframe> </li>
<li>
<a href=" https://twitter.com/phpcluster1?ref_src=twsrc%5Etfw "class="twitter-follow-button" data-show-count="false"> Siga a @ phpcluster1 </a> <script async src = " https://platform.twitter.com/widgets.js " charset = "utf-8"> </script>
</li>
<li>
<! - Coloque esta etiqueta en su cabeza o justo antes de la etiqueta de su cuerpo cercano. ->
<script src = " https://apis.google.com/js/platform.js " async diferir> </script>

<! - Coloque esta etiqueta donde desee que se represente el widget. ->
<div class = "g-follow" data-annotation = "none" data-height = "20" data-href = "// plus.google.com/u/0/104813825395588517565" data-rel = "publisher"> </div>
</li>
<li>
<link rel = "canonical" href = " http://www.phpcluster.com " />
    <script src = " https://apis.google.com/js/platform.js " async diferir>
    </script>
	<div class = "g-plusone" data-size = "medium"> </div>
</li>
</ul>

CSS para compartir en redes sociales

.pclu-social li {
    estilo de lista: ninguno;
    altura: 34px! importante;
    pantalla: bloque en línea;
    vertical-align: top! important;
}

Publicar un comentario

0 Comentarios