Jesus.Rubio | 8:17

Como poner los botones de Redes sociales al final de una entrada

hola a mi me costo un poco colocar los dichosos botones de Facebook, google+,twitter coloque esos tres botones por que creo que son uno de los mas importantes y como me costo un buen colocarlos a hora les explico como lo logre ya que fue a la net a buscar ayuda pero nada claro a si que les ayudare a que todo quede claro y que los instalen sin nigun problema para que los tengan como yo al final de post igual una cliqueada a cada uno no me caería mal jeje bueno comencemos

Bueno comencemos primero que nada vamos a ir a plantilla, Edición de Html y continuar una ves dentro de hay van a apretar la tecla f3 la tecla no ballan a apretar f y 3 la pura tecla despues ban a buscar el siguiente codigo  <div class='post-header-line-1'/> ok

Si no lo encuentras con ese código búscalo nuevamente introduciendo el código sin el final "/>". Existen 2 lineas con el mismo código, a mi me a pasado que hasta hay 3 lineas prueba en ambas ya que para algunos resulta bajo la primera y en otros bajo la segunda:
este es el código que pegaras debajo de esa linea
Con eso ya deberiamos tener listos nuestros botones de redes sociales listos para compartir nuestras entradas.
ahora tranquilos para los que no les gusta escribir les dejo el link de codigo a qui

Ahora si tenemos entradas resumidas ya en nuestro blog y queremos que los botones solo sean visibles dentro de la entrada vamos entonces pondremos en mismo código anterior pero encerrado dentro de una condicional, que es una condicional a qui les muestro de la siguiente forma:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
A QUI DENTRO PONDRÍAMOS EL CÓDIGO DE ARRIBA QUE SE DESCARGARON O COPIARON
 </b:if>

*Si no funciona  el botón de Google+ Que aveces da problemitas no te preocupes. Pon el siguiente script el siguiente es script es para que funcione correctamente pero si funciona son el siguiente script es que ya lo tenias por las dudas se los dejo a si que lo pondrán antes de </body>

<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>


Si te gustó compártelo en tu red social o recomendarlo en Google!!!
tal ves ayudemos a alguien mas :) saludos.

Sin comentarios

No hay comentarios. ¡Sé el primero!

Comparte esta entrada