Show Thread Enhancements - Submit to Twitter and Facebook

This is an update to vB4.0 Beta 3 of my Submit to Twitter and FB mod https://vborg.vbsupport.ru/showthread.php?t=217117

See screenshot for example of where it goes and how it looks. Keeping up with the latest in social networking keeps traffic flowing to your site.

This can all be added at once or you may add only the one's you want. Additionally, this will probably work in any version of vB. At the moment it cannot be turned off for specific forums, I still have to work out the conditional changes for vb4 so it will appear in all forums for now.

In the SHOWTHREAD template find:

<li class="popupmenu nohovermenu" id="threadtools">

Add this ABOVE:

			<!-- Begin Share FB -->
			<li class="popupmenu nohovermenu" id="sharefb">
				<h6><a class="popupctrl" href="javascript://">Share</a></h6>
				<ul class="popupbody popuphover">
					<!-- Facebook Share -->
          <li>
          <a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Facebook</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
          </li>
          <!-- / Facebook Share -->
					<li>
          <!-- Twitter Share -->
          <script type="text/javascript">
          var twtTitle  = document.title;
          var twtUrl    = location.href;
          var maxLength = 140 - (twtUrl.length + 1);
          if (twtTitle.length > maxLength) {
          twtTitle = twtTitle.substr(0, (maxLength - 3))+'...';
          }
          var twtLink = 'http://twitter.com/home?status='+encodeURIComponent(twtTitle + ' ' + twtUrl);
          document.write('<a href="'+twtLink+'" target="_blank"'+'>Tweet This!<'+'/a>');
          </script>
          <!-- / Twitter Share -->
          </li>
				</ul>
			</li>
      <!-- End Share FB -->

[Charlie98902]

Facebook it shows the icon is there a way you can update this to show a twitter icon?

[ericgtr]

Originally Posted by Charlie98902

Facebook it shows the icon is there a way you can update this to show a twitter icon?

Sure, first find an image that you would like to use, here some suggestions http://images.google.com/images?as_q...fe=off&as_st=y then change the code to what I have below, notice where I have highlighted the image and path in red, change those accordingly.

			<!-- Begin Share FB -->
			<li class="popupmenu nohovermenu" id="sharefb">
				<h6><a class="popupctrl" href="javascript://">Share</a></h6>
				<ul class="popupbody popuphover">
					<!-- Facebook Share -->
          <li>
          <a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Facebook</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
          </li>
          <!-- / Facebook Share -->
					<li>
          <!-- Twitter Share -->
          <script type="text/javascript">
          var twtTitle  = document.title;
          var twtUrl    = location.href;
          var maxLength = 140 - (twtUrl.length + 1);
          if (twtTitle.length > maxLength) {
          twtTitle = twtTitle.substr(0, (maxLength - 3))+'...';
          }
          var twtLink = 'http://twitter.com/home?status='+encodeURIComponent(twtTitle + ' ' + twtUrl);
          document.write('<a href="'+twtLink+'" target="_blank"'+'><img src="images/tweet.png"  border="0" alt="Tweet This!" /'+'><'+'/a>');
          </script>
          <!-- / Twitter Share -->
          </li>
				</ul>
			</li>
      <!-- End Share FB -->

[Charlie98902]

Thank you. Tagging for gold release as there is a lot of bugs still in the beta.

[Brandon Sheley]

nice mod, thanks for updating it

ps.. does the facebook share button show the # of "shares"? it would be neat of it would show # of tweets as well, like the tweetme button

thanks again

[ericgtr]

Originally Posted by Loco.M

nice mod, thanks for updating it

ps.. does the facebook share button show the # of "shares"? it would be neat of it would show # of tweets as well, like the tweetme button

thanks again

Sure, all you have to do is change the code (all of it) to this:

<!-- Begin Share FB -->
<li class="popupmenu nohovermenu" id="sharefb">
<h6><a class="popupctrl" href="javascript://">Share</a></h6>
<ul class="popupbody popuphover">
<!-- Facebook Share -->
<li>
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</li>
<!-- / Facebook Share -->
<li>
<!-- Twitter Share -->
<script type="text/javascript">
var twtTitle  = document.title;
var twtUrl    = location.href;
var maxLength = 140 - (twtUrl.length + 1);
if (twtTitle.length > maxLength) {
twtTitle = twtTitle.substr(0, (maxLength - 3))+'...';
}
var twtLink = 'http://twitter.com/home?status='+encodeURIComponent(twtTitle + ' ' + twtUrl);
document.write('<a href="'+twtLink+'" target="_blank"'+'><img src="images/tweet.png"  border="0" alt="Tweet This!" /'+'><'+'/a>');
</script>
<!-- / Twitter Share -->
</li>
</ul>
</li>
<!-- End Share FB -->

Additionally, you can go here to see where I grabbed that part of the code it gives you a few options http://www.facebook.com/facebook-widgets/share.php

[SİMAR]

thanks

[maximutt]

Is it possible to implement this as two separate buttons in the lower postbit? Perhaps beside the "Promote To Article" & "Blog This Post" buttons?

[cmor]

Hi, I have a brand new install of the latest release. Only found one instance " <li class="popupmenu nohovermenu" id="threadtools"> " of in the vbulletin-style.xml file. Is this where the mod should be inserted?

TIA

[ericgtr]

Originally Posted by cmor

Hi, I have a brand new install of the latest release. Only found one instance " <li class="popupmenu nohovermenu" id="threadtools"> " of in the vbulletin-style.xml file. Is this where the mod should be inserted?

TIA

It should only be installed in the SHOWTHREAD template after you install vb (or any new style).