vb.org Archive - End-User Options - Submit to Twitter, Facebook and Digg

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.8 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=236)

- - End-User Options - Submit to Twitter, Facebook and Digg (https://vborg.vbsupport.ru/showthread.php?t=217117)

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:

Code:

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

Paste this ABOVE:

Code:

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

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

Quote:

Originally Posted by Itchy Nips (Post 1837296)

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())">

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?

Quote:

Originally Posted by Chimpie (Post 1837327)

Thanks.

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

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? :cool:

Quote:

Originally Posted by Chimpie (Post 1837351)

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? :cool:

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

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

Quote:

Originally Posted by Chimpie (Post 1837351)

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? :cool:

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:

Code:

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

Add this above it:

Code:

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

Code:

Add this above it:

Code:

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

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (6)bbcode_code_printable (4)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01228 seconds Memory Usage 1,760KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (6)bbcode_code_printable (4)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: