Facebook / Twitter / Digg Share button scripts

you can use these codes in any template you want.(exp: Showthread)

I hope You like it.
Regards,
Ali.Ch.

//============//
----Facebook----
//============//

Style 1 :
--------

PHP Code:

<!-- Facebook Share Button -->
<if condition="in_array($forum['forumid'], array(1,2))">
<else />
<a name="fb_share" type="box_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>
</if>
<!-- / Facebook Share Button --> 


Preview :


Style 2 :
--------

PHP Code:

<!-- Facebook Share Button -->
<if condition="in_array($forum['forumid'], array(1,2))">
<else />
<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>
</if>
<!-- / Facebook Share Button --> 


Preview :



Style 3 :
--------

PHP Code:

<!-- Facebook Share Button -->
 <if condition="in_array($forum['forumid'], array(1,2))">
 <else />
 <a name="fb_share" type="button" 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>
 </if>
 <!-- / Facebook Share Button --> 


Preview :

//============//
-----Twitter-----
//============//

Style 1 :
--------

PHP Code:

<!-- Tweet Button -->
<if condition="in_array($forum['forumid'], array(1,2))">
<else />
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="YOUR-TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</if>
<!-- / Tweet Button --> 


Preview :


Style 2 :
--------

PHP Code:

<!-- Tweet Button -->
<if condition="in_array($forum['forumid'], array(1,2))">
<else />
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR-TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</if>
<!-- / Tweet Button --> 


Preview :

Style 3 :
--------

PHP Code:

<!-- Tweet Button -->
 <if condition="in_array($forum['forumid'], array(1,2))">
 <else />
 <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="YOUR-TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
 </if>
 <!-- / Tweet Button --> 


Preview :



//============//
-------Digg-------
//============//

Style 1 :
--------

PHP Code:

<!-- Digg share button -->
  <if condition="in_array($forum['forumid'], array(1,2))">
  <else />
  <script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggCompact"></a>
</if>
  <!-- / Digg Share Button --> 


Preview :


Style 2 :
--------

PHP Code:

<!-- Digg share button -->
   <if condition="in_array($forum['forumid'], array(1,2))">
   <else />
   <script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a></if>
   <!-- / Digg Share Button --> 


Preview :



Style 3 :
--------

PHP Code:

<!-- Digg share button -->
    <if condition="in_array($forum['forumid'], array(1,2))">
    <else />
    <script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggWide"></a>
</if>
<!-- / Digg Share Button --> 


Preview :


==================================
Here is the example of using these codes :

Goto : Admincp > Styles & Templates > Style Manager > Your Style > Edit Templates > Showthreads

Now you have several options to implant these codes ,

I've implanted these after below line in a Shadow Box :

HTML Code:

<a name="poststop" id="poststop"></a>

But you can implant it anywhere you want.

OR,

in your favorite text editor like notepad++

Put this :

HTML Code:

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

below line after

HTML Code:

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

and add this

HTML Code:

</td>

before this :

HTML Code:

</if>

and put the prepared code after below line in your showthread template.

HTML Code:

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

=================================
Sources : Digg.com/Facebook.com/Twitter.com

Hello Ali,

Thank you for sharing , but I would suggest you explaining a bit more (specially for non-technical users) how the template conditional works:

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

And also you are missing an </if> close tag in the last one Digg style.

Thank you again for contribution.

Originally Posted by Andrés Durán Hewitt

Hello Ali,

Thank you for sharing , but I would suggest you explaining a bit more (specially for non-technical users) how the template conditional works:

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

And also you are missing an </if> close tag in the last one Digg style.

Thank you again for contribution.

Thanks for the suggestion Andreas , U R Right.

More descriptions added to the first post.

Regards.

Thanks for information.Really helpful stuff.

Originally Posted by sherayba

Thanks for information.Really helpful stuff.

You are welcome , Do you have a vBulletin powered Community ?

Regards.

Am getting this error:

Warning: Invalid argument supplied for foreach() in [path]/includes/functions.php on line 3391

The following error occurred when attempting to evaluate this template:
%1$s
This is likely caused by a malformed conditional statement. It is highly recommended that you fix this error before continuing, but you may continue as-is if you wish.

What do I do?

Hello Jamii,

You are likely skipping an </if> closing tag. Also please keep in mind that this article is designed to work with vBulletin 3, so if your site is powered by vBulletin 4, you'll need to update and customize the above supplied example codes to match your style/syntax.

Originally Posted by Andrés Durán Hewitt

Hello Jamii,

You are likely skipping an </if> closing tag. Also please keep in mind that this article is designed to work with vBulletin 3, so if your site is powered by vBulletin 4, you'll need to update and customize the above supplied example codes to match your style/syntax.

Ooops!

Am on vB 4...

Thanks André, can I have codes for vB 4?

Sure


//============//
----Facebook----
//============//

Style 1 :
--------

PHP Code:

<!-- Facebook Share Button -->
<vb:if condition="in_array($GLOBALS['forumid'], array(1,2))">
<vb:else />
<a name="fb_share" type="box_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>
</vb:if>
<!-- / Facebook Share Button --> 


Preview :


Style 2 :
--------

PHP Code:

<!-- Facebook Share Button -->
<vb:if condition="in_array($GLOBALS['forumid'], array(1,2))">
<vb:else />
<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>
</vb:if>
<!-- / Facebook Share Button --> 


Preview :



Style 3 :
--------

PHP Code:

<!-- Facebook Share Button -->
 <vb:if condition="in_array($GLOBALS['forumid'], array(1,2))">
 <vb:else />
 <a name="fb_share" type="button" 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>
 </vb:if>
 <!-- / Facebook Share Button --> 


Preview :

//============//
-----Twitter-----
//============//

Style 1 :
--------

PHP Code:

<!-- Tweet Button -->
<vb:if condition="in_array($GLOBALS['forumid'], array(1,2))">
<vb:else />
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="YOUR-TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</vb:if>
<!-- / Tweet Button --> 


Preview :


Style 2 :
--------

PHP Code:

<!-- Tweet Button -->
<vb:if condition="in_array($GLOBALS['forumid'], array(1,2))">
<vb:else />
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR-TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</vb:if>
<!-- / Tweet Button --> 


Preview :

Style 3 :
--------

PHP Code:

<!-- Tweet Button -->
 <vb:if condition="in_array($GLOBALS['forumid'], array(1,2))">
 <vb:else />
 <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="YOUR-TWITTER-USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
 </vb:if>
 <!-- / Tweet Button --> 


Preview :



//============//
-------Digg-------
//============//

Style 1 :
--------

PHP Code:

<!-- Digg share button -->
  <vb:if condition="in_array($GLOBALS['forumid'], array(1,2))">
  <vb:else />
  <script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggCompact"></a>
</vb:if>
  <!-- / Digg Share Button --> 


Preview :


Style 2 :
--------

PHP Code:

<!-- Digg share button -->
   <vb:if condition="in_array($GLOBALS['forumid'], array(1,2))">
   <vb:else />
   <script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a></vb:if>
   <!-- / Digg Share Button --> 


Preview :



Style 3 :
--------

PHP Code:

<!-- Digg share button -->
    <vb:if condition="in_array($GLOBALS['forumid'], array(1,2))">
    <vb:else />
    <script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggWide"></a>
</vb:if>
<!-- / Digg Share Button --> 


Preview :

Again,

Thanks Andrés, this' what I was missing out.

BUT, I've tried to add FB-Share next to Twitter button seems in vain

See:



Edit:

Reference - HERE

Thanks so Much Andreas for vb:4 codes. Would you please add your codes to the first post as vb4 codes or something like that.

Regards.

If you want only Facebook and Twitter buttons please try to use this one :

Valid XHTML Facebook/Twitter buttons Just for vBSEO Users

Note : Its for vb3.x, (Andreas please help him to make it work with vb:4 if the <a> tag is different in vb4.)