Thursday 20 February 2014

Create Wordpress Social Share Button Without Plugin

Hello Pepole ,  Today I Will Shere With You How To Create Social Shere Button
With Out Plugin .

So Let's Work .



 First Step : Put This Code On Where You Went Show This Button in Your Site.

<p><strong>Share this Music on:</strong></p>
                            <!--Twitter-->
                            <a class="twitter" href="http://twitter.com/home?status=Reading: <?php the_permalink(); ?>" title="Share this post on Twitter!" target="_blank">Twitter</a>
                            <!--Facebook-->
                            <a class="facebook" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&amp;t=<?php the_title(); ?>" title="Share this post on Facebook!" onclick="window.open(this.href); return false;">Facebook</a>
                            <!--Google Plus-->
                            <a class="google-plus" target="_blank" href="https://plus.google.com/share?url=<?php the_permalink(); ?>">Google+</a>
                        </div>

put This CSS on Your Style CSS :
/*social sharing buttons*/
.social23 a{
    display:inline-block;
    margin:0px 10px 5px 0;
    padding:10px 15px;
    color:#fff;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
}
/*Twitter*/
.twitter{
    background:#9AE4E8;
}
/*Facebook*/
.facebook{
    background:#3B5998;
}
/*Google Plus*/
.google-plus{
    background:#D34836;
}
.social23 p{margin-bottom:10px;
margin-top: -37px;}

You Can Change CSS , And Design as Your Wish . If You Went Add More Social
Site Find Social Site Shere Link in Google . That's it .

No comments:

Post a Comment