add social media sharing buttons manually?

[iCon]

My English is bad.
I hope I opened the correct category heading.

question:

How do I add items to the social networking buttons manually? I could not find my calls. Plug-ins are there but they paid.

Those who help Thank you in advance.

[PRO]

I use this code

for like,gplus, facebook share, tweet, & print

Code Select Expand


<?php defined( '_JEXEC' ) or die( 'Restricted access' );
$sharelink=JURI::current();
?>
<div class="wrap_me">
<div class="like"><iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo $sharelink ?>&amp;layout=standard&amp;show_faces=true&amp;width=50&amp;action=like&amp;font=tahoma&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:50px; height:25px"></iframe></div>
<div class="gplus">
<div class="g-plusone" data-size="medium"></div></div>
<div class="fbookwrap"><a class="fbooklink none" title="Share on Facebook" href="http://www.facebook.com/share.php?u=<?php echo $sharelink ?>" target="_blank"></a></div>
<div class="tweeter"><a class="tweetlink none" title="Share on Twitter" href="http://twitter.com/home?status=<?php echo $sharelink ?>">
</a></div>
<div class="pin">
<a href="http://pinterest.com/pin/create/button/" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a></div>
<div class="printlink"><a class="print" title="Print this page" href="javascript:window.print()"></a></div>
</div><div class="wrap"></div>


then css
/*share this*/
#shareit{position:relative;right:0px;top:7px;width:210px;height:35px;}
#shareit2{position:absolute;right:0px;top:3px;width:210px;height:40px;}
.like{width:52px;float:left;overflow:hidden;}
.fbooklink{background:url(/images/fbook.png) no-repeat scroll 0 0 transparent;height:23px;width:23px;display:block;}
.tweetlink{background:url(/images/tweeter.png) no-repeat scroll 0 0 transparent;height:23px;width:23px;display:block;}
.gplus{width:34px;float:left;overflow:hidden;}
a.print{background:url(/images/printButton.png) no-repeat scroll 0 0 transparent;height:19px;width:20px;display:block}
#shareit div,#shareit2 div,#shareit3 div{display:inline;text-align:left;float:left;padding-right:2px;}

ofcourse, you will have to have the images for the buttons