Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
2016 Share Links
Here I am with another tutorial the other one I created for sharing posts is a your own image and opening in a new tab. Well this one is a 2016 version of adding social sharing buttons to your posts.

Go to your ACP -> Templates & Styles -> Templates -> the them you want to add this to -> Show Thread Templates -> showthread

Now find:
<div style="padding-top: 4px;" class="float_right">

And add this below it:
<div style="margin-top: 6px; padding-right: 10px; padding-top: 4px;" class="float_left">

<strong style="float: left; padding-right: 10px;">Share Post:</strong>
<br />		

<a href="" class="twitter-share-button" data-via="YoutTwitterName" data-hashtags="YourHashTag">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);;js.src=p+'://';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

<a class='fbLike'><div class="fb-like" data-href="{$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}" data-send="false" data-layout="button_count" data-width="150" data-show-faces="false" data-action="like"></div><div id="fb-root"></div></a>
<script>(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); = id;
	  js.src = "//";
	  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>		
<script src="" async defer></script>
<div class="g-plus" data-action="share" data-annotation="none"></div>
<script src="" async defer></script>
<div class="g-follow" data-annotation="none" data-height="20" data-href="//" data-rel="author"></div>		

<a title="Digg" href="{$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}" target="_blank"><img src="images/digg.png" alt="Digg" /></a>

<a title="Delicious" href="{$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}&title={$thread['subject']}" target="_blank"><img src="images/delicious.png" alt="Delicious" /></a>

<a href="//" onclick="window.location = '//' + encodeURIComponent(window.location); return false"> <img src="//" alt="submit to reddit" border="0" /> </a>

<su:badge layout="2"></su:badge>
<script type="text/javascript">
  (function() {
    var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true;
    li.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s);
    async defer
<a href="">
    <img src="//" />
<a href="mailto:?subject={$thread['subject']}&amp;body=Your email message {$mybb->settings['bburl']}/showthread.php?tid={$thread['tid']}&title={$thread['subject']}"
   title="Share by Email">
  <img src="images/email.png">
<a href="javascript:window.print()">
	<img src="images/print.png" alt="Print Me!"  />


[Image: Screen%20Shot%202016-04-27%20at%208.33.5...hbtpp7.png]

Social Icons
Technologx Support Forum
Check out UPicMe there you can upload and share your pics!
Please give me a + If I've helped.
Can u post a print screen of the final result? Smile
Screenshot sure
Technologx Support Forum
Check out UPicMe there you can upload and share your pics!
Please give me a + If I've helped.

Forum Jump:

Users browsing this thread: 1 Guest(s)