Cómo alinear el botón Tweet Con el Facebook Share Button en Blogger

Twitter y Facebook hacen botones disponibles para que pueda publicarlas en un sitio, como Blogger, y dar a sus lectores una manera conveniente de compartir su información. Por defecto, estos botones muestran una encima de la otra en su blog, lo cual es molesto si quieres ahorrar espacio en la página o quieren tener un diseño más atractivo. Afortunadamente, Blogger le da la posibilidad de editar el código de los botones para que pueda hacer a alinear horizontalmente en la página. 

BOTÓN FACEBOOK

Accede a tu cuenta de Blogger, y haga clic en la ficha Diseño en la página Panel. Haga clic en el enlace Añadir un gadget en el área por su diseño, como la barra lateral, donde usted quiere que su Tweet botón y compartir Facebook botón que aparezca. Esta acción abre el cuadro de diálogo Agregar un gadget.

Haga clic en el enlace de Fundamentos de la izquierda y luego haga clic en la opción HTML / JavaScript que se muestra en la lista. Pega el código para los botones en el cuadro de texto de contenido. Si usted no tiene este código, cargue Tweet página Botón de Twitter y la página de Plugins sociales de Facebook Developer en las ventanas del navegador por separado, siga las instrucciones que aparecen en cada página para configurar los botones y, a continuación, copie los códigos necesarios para publicarlos en su sitio Blogger.

Tipo div style = float: left; padding: 4px, antes de la primera línea de código que comienza uno de los botones e introduzca / div después del código que acaba el botón. Si el primer botón de la caja es el botón Tweet, por ejemplo, el código se parece a lo siguiente: div style = float: left; padding: 4px; a href = Clase http://twitter.com/share = twitter- acciones botón datos count = verticalTweet / ascript type = text / javascript src = http://platform.twitter.com/widgets.js/script / div

Haga clic en el botón Guardar y, a continuación, haga clic en el enlace Ver Blog que aparece para ver la página. Si los botones no se alinean, ajustar el número después de que el atributo de relleno para un valor mayor o menor y luego ver su página de nuevo (por ejemplo, div style = float: left; padding: 2px ;). Guarde su trabajo cuando haya terminado.