Show Thread Enhancements - [vB4.0.X] Submit to Twitter, Facebook and Digg

This mod is an update for vB4.0.X from the modification Submit to Twitter, Facebook and Digg made by ericgtr...

This modification add a "button" in the thread (top menu) and allow the users to share it using Twitter, Facebook and Digg...See the screenshot for example






And here we go:
------------------------------------------------------------------------------------------------------------------

Open the SHOWTHREAD template and find:

<vb:if condition="$show['firstunreadlink']">

Add above:

<li class="popupmenu nohovermenu">
<h6><a class="popupctrl" href="javascript://"><blink><font style="background:#FC3" color="#000000">Share</font></blink></a></h6>
<ul class="popupbody popuphover"  style="background:#FFF">
<li><label>
<img class="inlineimg" src="images/facebook_share_icon.gif" alt="Share on Facebook" />
<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script>
<a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a>
</label></li>
<li><label>
<img class="inlineimg" src="images/twitter_icon.gif" alt="Submit to Twitter" />
<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>
</label></li>
<li><label>
<img class="inlineimg" src="images/digg_icon.gif" alt="Submit to Digg" /> 
<script src="http://widgets.digg.com/buttons.js" type="text/javascript"></script> <a class="DiggThisButton DiggCompact"></a>
</label></li>
</ul>
</li>

Add the files in attachment in the folder "images" of your style...

------------------------------------------------------------------------------------------------------------------

If you installed this hack please Click "Mark as Installed"



Enjoy!

[jeleven]

just installed on 4.0.2 not work ;(

[demonfatal]

Can you tell me what error you get??
Or what is not working?
More details please...If you want help...

[Zachery]

Couldnt you have just moved the social bookmark stuff north and added these to the template?

[oldfan]

works great thanks!!

[merk_aus]

works great but have removed the

<font color="#000000">

stuff as that is making the link black.

For those wishing to just have this looking like the rest of your links at the time find:

<blink><font color="#000000">Share</font></blink>

and Replace with:

<blink>Share</blink>

It will make the Share Link look the same as all of your other links.

EDIT: If anyone knows how to have bit.ly built into this so the url's are shorter it would be greatly appreciated if you could share.

[pentolkorek]

installed and work..

Btw, how to include our twitter username and integrated url shortener when klik Tweet This?

example:

Thread Subject http://t.co/BlaBla via @username

[fxdigi-cash]

great trick. This is exactly what I was looking for. Thanks man. works fine on vb.4.2
Cheers

[Wirral.Talk]

How can i make the menu show correctly because at the moment there is gaps (please see screenshot) Also how do i remove digg so its just Twitter and Facebook. Thank you.

[vimarc]

As shown in picture - tweet this and facebook text next to image but actually after install text droping below image. how i can make it look like as suggested in image

[fxdigi-cash]

Originally Posted by Wirral.Talk

How can i make the menu show correctly because at the moment there is gaps (please see screenshot) Also how do i remove digg so its just Twitter and Facebook. Thank you.

I believe you can just remove the image and leave it as text like this (removed digg):

<li class="popupmenu nohovermenu">
<h6><a class="popupctrl" href="javascript://"><blink><font style="background:#FC3" color="#000000">Share</font></blink></a></h6>
<ul class="popupbody popuphover"  style="background:#FFF">
<li><label>
<img class="inlineimg" src="images/facebook_share_icon.gif" alt="Share on Facebook" />
<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script>
<a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a>
</label></li>
<li><label>
<img class="inlineimg" src="images/twitter_icon.gif" alt="Submit to Twitter" />
<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>
</label></li>

</ul>
</li>

maybe you want to remove all pictures - see below:

<li class="popupmenu nohovermenu">
<h6><a class="popupctrl" href="javascript://"><blink><font style="background:#FC3" color="#000000">Share</font></blink></a></h6>
<ul class="popupbody popuphover"  style="background:#FFF">
<li><label>
<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script>
<a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a>
</label></li>
<li><label>
<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>
</label></li>
<li><label>
<script src="http://widgets.digg.com/buttons.js" type="text/javascript"></script> <a class="DiggThisButton DiggCompact"></a>
</label></li>
</ul>
</li>

leave feedback and use whatever code you like.

Cheers