End-User Options - Submit to Twitter, Facebook and Digg

I have been adding these as I go and decided to share, I am sure there are other versions out there but this is how I do it. 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.

In the SHOWTHREAD template find:

<td class="vbmenu_control" id="threadtools" nowrap="nowrap">

Paste this ABOVE:

<!-- Facebook Share -->
<if condition="in_array($forum['forumid'], array(1,2))">
<else />
<td class="vbmenu_control" id="facebook" nowrap="nowrap">
<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><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; } </style> <a href="http://www.facebook.com/share.php?u=<url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" style="text-decoration:none;">Share</a>
</td>
</if>
<!-- / Facebook Share -->
<!-- Twitter Share -->
<if condition="in_array($forum['forumid'], array(1,2))">
<else />
<td class="vbmenu_control" id="twitter" nowrap="nowrap">
<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>
</div>
</if>
<!-- / Twitter Share -->
<!-- Digg Share -->
<if condition="in_array($forum['forumid'], array(1,2))">
<else />
<td class="vbmenu_control" id="digg" nowrap="nowrap">
<script type="text/javascript">
digg_url = 'http://www.YOURSITE.com/showthread.php?t=$thread[threadid]';
digg_title = "$threadinfo[title]";
<!-- Change color below to match your forum -->
digg_bgcolor = '#FFFFFF';
digg_skin = 'compact';
digg_window = 'new';
</script>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>
</td>
</if>
<!-- / Digg Share -->

Note the bolded statements above, these are where you must make changes:

enter the forum id's of the forums where you do not want it to show
<if condition="in_array($forum['forumid'], array(1,2))">

You will also see that in the digg section there is an option to change the background color and you will need to add your site URL.

The tweet image is attached, upload to your forum and change the path in the "Twitter Share" section.

Update: This has also been updated to vB4 Beta 3 here https://vborg.vbsupport.ru/showthread.php?t=228610

[saadessa]

nice
thank you

[Itchy Nips]

thanks! One question though: what do you mean by "forumid" ?
sorry for the lack of knowledge...i'm still learning a lot of this stuff

[ericgtr]

Originally Posted by Itchy Nips

thanks! One question though: what do you mean by "forumid" ?
sorry for the lack of knowledge...i'm still learning a lot of this stuff

No problem.

Each forum has a forumid number associated with it. To see which number is associated with which forum go to your Admin CP Forums & Moderators > Forum Manager and click on any forum, on the very top title bar it will give the forumid number.

If you want it visible in all forums you can simply remove the numbers, for example change:

<if condition="in_array($forum['forumid'], array(1,2))">

to

<if condition="in_array($forum['forumid'], array())">

[Chimpie]

Installed and working perfectly! Awesome mod.

Want to take it a step further? Why not make it a drop down box instead of a row of buttons.

Maybe a button or the text Share and you when you click on it a drop down box appears with all the different choices.

Thoughts?

[ericgtr]

Originally Posted by Chimpie

Installed and working perfectly! Awesome mod.

Want to take it a step further? Why not make it a drop down box instead of a row of buttons.

Maybe a button or the text Share and you when you click on it a drop down box appears with all the different choices.

Thoughts?

Thanks.

I thought about that, it wouldn't be hard but I wanted them easily noticeable.

[Chimpie]

True. Maybe make a second mod or add on to this one for those who want a drop box instead?

Or PM me with it?

[F0xy]

Originally Posted by Chimpie

True. Maybe make a second mod or add on to this one for those who want a drop box instead?

Or PM me with it?

like this
https://vborg.vbsupport.ru/showthread.php?t=187190

[Chimpie]

That looks tacky (to me). I think something as simple as what you have, but with a drop down box with the different icons.

[ericgtr]

Originally Posted by Chimpie

True. Maybe make a second mod or add on to this one for those who want a drop box instead?

Or PM me with it?

Okay, I've put this together for you but check out the screenshot to see what it looks like. The reason for the formatting is because the javascript automatically puts the icons where you see them.

Knowing this, if you want to add it here's what you do...

In the showthread template find:

<td class="vbmenu_control" id="threadtools" nowrap="nowrap">

Add this above it:

<!-- social networking menu setup -->
<if condition="in_array($forum['forumid'], array(1,2))">
<else />
	<td class="vbmenu_control" id="share" nowrap="nowrap">
		<a href="$show[nojs_link]#goto_share"<if condition="is_browser('ie')"> accesskey="3"</if>>Share</a>
		<if condition="$show['popups']"><script type="text/javascript"> vbmenu_register("share"); </script></if>
	</td>
</if>
<!-- social networking menu setup -->

Find:

<!-- thread tools menu -->

Add this above it:

<!-- social networking menu -->
<div class="vbmenu_popup" id="share_menu" style="display:none">
	<table cellpadding="4" cellspacing="1" border="0">
	<tr>
		<td class="thead">Share<a name="goto_share"></a></td>
	</tr>
	<tr>
		<td class="vbmenu_option" title="nohilite"><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><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }</style><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a></td>
	</tr>
	<tr>
		<td class="vbmenu_option" title="nohilite"><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"'+'><img src="images/tweet.png"  border="0" alt="Tweet This!" /'+'><'+'/a>');
    </script>
    </td>
	</tr>
	<tr>
		<td class="vbmenu_option" title="nohilite"><img class="inlineimg" src="images/digg_icon.gif" alt="Submit to Digg" /> <script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script></td>
	</tr>
	</table>
</div>
<!-- / social networking menu -->