How to Align Facebook Like, Twitter Tweet and Google +1 buttons

Social like and follow button in a website have very much importance for drive more traffic and visitors. When you use facebook like button, twitter tweet button and google+ 1 button then, by default it is not aligned. In this tutorial, i will show you how to align Facebook like, Twitter tweet  and google+1 button to display.

How to Align Facebook Like, Twitter Tweet and Google +1 buttons

Live Demo    Download Script

Also Read:

Create Sticky Social Media Floating Sidebar With CSS

Add Social Share button in WordPress without Plugins

Let us see snippet.

Social Share HTML

<ul class="pclu-social">
<iframe src="" width="51" height="65" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe></li>
<a href="" class="twitter-follow-button" data-show-count="false">Follow @phpcluster1</a><script async src="" charset="utf-8"></script>
<!-- Place this tag in your head or just before your close body tag. -->
<script src="" async defer></script>

<!-- Place this tag where you want the widget to render. -->
<div class="g-follow" data-annotation="none" data-height="20" data-href="//" data-rel="publisher"></div>
<link rel="canonical" href="" />
    <script src="" async defer>
	<div class="g-plusone" data-size="medium"></div>

Social Share CSS

.pclu-social li {
    list-style: none;
    height: 34px !important;
    display: inline-block;
    vertical-align: top !important;

Leave a Reply

Your email address will not be published. Required fields are marked *