كود طريقة اضافة ايقونات المشاركة في مواقع تواصل الاجتماعي , في اول مشاركة

<!-- / icon and title -->

</if>

<if condition="!in_array($GLOBALS[forumid], array(x,x,x))">
<if condition="(($post[postcount] % $vboptions[maxposts] == 1))">
<if condition="THIS_SCRIPT =='showthread'">
<div id="share">
<!-- Facebook -->
<a  href="http://www.facebook.com/sharer.php?u=$vboptions[bburl]/showthread.php?t=$thread[threadid]"  target="_blank"><img src="https://www.hamsalshok.com/vb/images/social/facebook.png"  alt="Facebook" /></a>
<!-- Twitter -->
<a  href="http://twitter.com/share?url=$vboptions[bburl]/showthread.php?t=$thread[threadid]&text=$post[title]"  target="_blank"><img src="https://www.hamsalshok.com/vb/images/social/twitter.png"  alt="Twitter" /></a>
<!-- Google+ -->
<a  href="https://plus.google.com/share?url=$vboptions[bburl]/showthread.php?t=$thread[threadid]"  target="_blank"><img src="https://www.hamsalshok.com/vb/images/social/gplus.png" alt="Google"  /></a>
<!-- Digg -->
<a  href="http://www.digg.com/submit?url=$vboptions[bburl]/showthread.php?t=$thread[threadid]"  target="_blank"><img src="https://www.hamsalshok.com/vb/images/social/digg.png" alt="Digg"  /></a>
<!-- Reddit -->
<a  href="http://reddit.com/submit?url=$vboptions[bburl]/showthread.php?t=$thread[threadid]&title=$post[title]"  target="_blank"><img src="https://www.hamsalshok.com/vb/images/social/reddit.png" alt="Reddit"  /></a>
<!-- LinkedIn -->
<a  href="http://www.linkedin.com/shareArticle?mini=true&url=$vboptions[bburl]/showthread.php?t=$thread[threadid]"  target="_blank"><img src="https://www.hamsalshok.com/vb/images/social/linkedin.png"  alt="LinkedIn" /></a>
<!-- Pinterest -->
<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><img  src="https://www.hamsalshok.com/vb/images/social/pinterest.png" alt="Pinterest" /></a>
<!-- StumbleUpon-->
<a  href="http://www.stumbleupon.com/submit?url=$vboptions[bburl]/showthread.php?t=$thread[threadid]&title=$post[title]"  target="_blank">
<img src="https://www.hamsalshok.com/vb/images/social/stumbleupon.png"  alt="StumbleUpon" /></a>
</div>
</if>
</if>
</if>

<style type="text/css">
#share img {
width: 22px;
height: 22px;
padding: 5px;
border: 0px;
box-shadow: 0;
display: inline;
}
#share img:hover {
background-position: 0px -48px;
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}
a img {
    border: 0;
}
</style>