If you still find it hard, here's my personal trick in my site:
I edited the qa-theme.php (in the theme folder) by adding this function.
//Social Media Icons
public function q_view_buttons($q_view) {
$this->output(
'<div class="qa-social-buttons">',
'<a href="#" onclick="window.open(\'
https://www.facebook.com/sharer/sharer.php?u=\'+encodeURIComponent(location.href), \'facebook-share-dialog\', \'width=626,height=436\'); return false;"> <img src=../media/fb.png style="max-height:20px;width:auto;vertical-align: sub;padding-right:3px" width="18" height="18" /></a>',
'<a href="#" onclick="window.open(\'
https://reddit.com/submit?url=\'+encodeURIComponent(location.href), \'reddit-share-dialog\', \'width=626,height=436\'); return false;"> <img src=../media/rd.png style="max-height:20px;width:auto;vertical-align: sub;padding-right:3px" width="18" height="18" /></a>',
'<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','
https://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"> <img src=../media/pi.png style="max-height:20px;width:auto;vertical-align: sub;padding-right:3px" width="18" height="18" /></a>',
'</div>'
);
qa_html_theme_base::q_view_buttons($q_view);
}