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

[ericgtr]

Originally Posted by CPOWA

I just installed this mod and I'm wondering the same thing.

The only way I've been able to get a hash tag IE: #vb or #tcot into a tweet is to put it in the Thread/Post Title box. It makes the thread/post titles look weird and I'm not sure how that will affect vBSEO. I think I'm going to have to uninstall for now. Otherewise, this is a nice mod!

I think you are right, it would have to be added manually upon submission. All this really does is setup the post for the form on their end. However, it's easy enough to change it once it's in the form.

Originally Posted by Joseph Witchard

Will this mod be updated for vBulletin 4? Also, is there supposed to be a line through the box next to the social buttons that says "View First Unread"? There's a line through it on mine.

I have no idea how vB4 is setup but I'm sure this will be easy enough to add to it.

[Joseph Witchard]

Originally Posted by ericgtr

I think you are right, it would have to be added manually upon submission. All this really does is setup the post for the form on their end. However, it's easy enough to change it once it's in the form.


I have no idea how vB4 is setup but I'm sure this will be easy enough to add to it.

But you are planning on keeping it going?

[shinng]

when submitting via 'tweet this', it is not automatically shortening the url. What is the code I need to add/change?

[ericgtr]

Originally Posted by shinng

when submitting via 'tweet this', it is not automatically shortening the url. What is the code I need to add/change?

It does, it has to be submitted before you see the shortened URL.

[mykkal]

Hey guys i run a forum using VBSEO. The urls are longer than normal vbulletin links. and usually leave me with little room to add text to the tweet.

of course twitter shortens the url. is there any way to do this automatically before the tweet is constructed?
Click here actually visit the link and you can see for yourself

An example of a normail url on MyModelTalk is below:

http://www.mymodeltalk.com/jobs/model-castings-acting-auditions-atlanta-metro-ga/376445-final-casting-2010-calendar-shoot.html

[K3MPO]

thank you!

[fatdr]

good work.
and also you must upload twitter.png to images folder to ftp

[UltraFanatics]

Facebook modification works perfect!!

The only issue I have is that when you hover on the image it all goes completley blue, where in Main CSS do I change this? You can see it here for example when you attempt to click on it http://www.mytattooforum.com/tattoo-...-tattooed.html

[ericgtr]

Originally Posted by UltraFanatics

Facebook modification works perfect!!

The only issue I have is that when you hover on the image it all goes completley blue, where in Main CSS do I change this? You can see it here for example when you attempt to click on it http://www.mytattooforum.com/tattoo-...-tattooed.html

That's the default behavior of the javascript from FB that causes that, I'm not sure if you can change it but have a look here for some options http://www.facebook.com/facebook-widgets/share.php

[marshal_ramdev]

thank you