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 -->

[BlackJacket]

Thanks for the great mod. I have a small request (I think it was mentioned before also)

Could this be posted at the bottom of the posts instead? Where the Edit, Reply, Reply with Quote, etc are?

Thanks again!

[ericgtr]

Originally Posted by NittoMOD

Thanks for the great mod. I have a small request (I think it was mentioned before also)

Could this be posted at the bottom of the posts instead? Where the Edit, Reply, Reply with Quote, etc are?

Thanks again!

The code can be used anywhere in the thread I would guess and still work okay, for what you are talking about you would want to edit the postbit (or postbit_legacy) and place the code near those buttons.

Here is the core code you would want to use:

<!-- Begin Facebook Share -->
<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>
<!-- End Facebook Share -->

<!-- Begin 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!" /'+'>Tweet This!<'+'/a>');
</script>
<!-- End Twitter Share -->

[barcena]

Sorry to ask but is this working for 4.0 gold? Im still confused w/ all the changes and I really need my Facebook and Twitter bookmarks back.

[ericgtr]

Originally Posted by barcena

Sorry to ask but is this working for 4.0 gold? Im still confused w/ all the changes and I really need my Facebook and Twitter bookmarks back.

Yes, this specific one is the updated version for 4.0 and I am using it on Gold.

[Big-Pete]

Works ok for me on VB4 PL1 and VBSEO 3.5 RC1

[bleros]

Originally Posted by ericgtr

Sure, here you go https://vborg.vbsupport.ru/showthread.php?t=217117

Thnx bro nice job keep it up

[habanero68]

hi. as I could fix it are next to each other. since they are one above the other.
thanks

[captainron19]

I hate to seem dumb but what exactly does this mod do? If someone clicks on the facebook link are you telling me it creates a link to that specific thread on their facbook wall?

[ericgtr]

Originally Posted by habanero68

hi. as I could fix it are next to each other. since they are one above the other.
thanks

It is designed to work like all of the other dropdown items in the menu but you can play with the layout if you like.

Originally Posted by captainron19

I hate to seem dumb but what exactly does this mod do? If someone clicks on the facebook link are you telling me it creates a link to that specific thread on their facbook wall?

Exactly, it will create a new facebook or Twitter entry containing the contents of the post.

[habanero68]

hello. and try to fix the position and I can not put it online. I want it next to each other. I can do.? or to do.
thanks

         <!-- Begin Share FB -->

            <li class="popupmenu nohovermenu" id="sharefb">
 <h6><a class="popupctrl" href="javascript://"><FONT COLOR="#FF0303"><B>COMPARTIR</B></FONT></a></h6>
                <ul class="popupbody popuphover">

                    <!-- Facebook Share -->
          <li>
<a name="fb_share" type="button" 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="http://i50.tinypic.com/f9imv_th.jpg"  border="0" alt="Tweet This!" /'+'><'+'/a>');
          </script>
          <!-- / Twitter Share -->
          </li>
                </ul>
            </li>
      <!-- End Share FB -->