vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)
-   -   Show Thread Enhancements - Submit to Twitter and Facebook (https://vborg.vbsupport.ru/showthread.php?t=228610)

ericgtr 11-21-2009 10:00 PM

Submit to Twitter and Facebook
 
1 Attachment(s)
This is an update to vB4.0 Beta 3 of my Submit to Twitter and FB mod https://vborg.vbsupport.ru/showthread.php?t=217117

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. At the moment it cannot be turned off for specific forums, I still have to work out the conditional changes for vb4 so it will appear in all forums for now.

In the SHOWTHREAD template find:
Code:

<li class="popupmenu nohovermenu" id="threadtools">
Add this ABOVE:
Code:

                        <!-- Begin Share FB -->
                        <li class="popupmenu nohovermenu" id="sharefb">
                                <h6><a class="popupctrl" href="javascript://">Share</a></h6>
                                <ul class="popupbody popuphover">
                                        <!-- Facebook Share -->
          <li>
          <a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Facebook</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
          </li>
          <!-- / Facebook Share -->
                                        <li>
          <!-- Twitter Share -->
          <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>
          <!-- / Twitter Share -->
          </li>
                                </ul>
                        </li>
      <!-- End Share FB -->


Charlie98902 11-22-2009 02:41 PM

Facebook it shows the icon is there a way you can update this to show a twitter icon?

ericgtr 11-22-2009 02:57 PM

Quote:

Originally Posted by Charlie98902 (Post 1918910)
Facebook it shows the icon is there a way you can update this to show a twitter icon?

Sure, first find an image that you would like to use, here some suggestions http://images.google.com/images?as_q...fe=off&as_st=y then change the code to what I have below, notice where I have highlighted the image and path in red, change those accordingly.

Code:

                        <!-- Begin Share FB -->
                        <li class="popupmenu nohovermenu" id="sharefb">
                                <h6><a class="popupctrl" href="javascript://">Share</a></h6>
                                <ul class="popupbody popuphover">
                                        <!-- Facebook Share -->
          <li>
          <a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Facebook</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
          </li>
          <!-- / Facebook Share -->
                                        <li>
          <!-- Twitter Share -->
          <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>
          <!-- / Twitter Share -->
          </li>
                                </ul>
                        </li>
      <!-- End Share FB -->


Charlie98902 11-22-2009 03:04 PM

Thank you. Tagging for gold release as there is a lot of bugs still in the beta.

Brandon Sheley 11-22-2009 03:07 PM

nice mod, thanks for updating it :)

ps.. does the facebook share button show the # of "shares"? it would be neat of it would show # of tweets as well, like the tweetme button

thanks again

ericgtr 11-22-2009 03:53 PM

Quote:

Originally Posted by Loco.M (Post 1918932)
nice mod, thanks for updating it :)

ps.. does the facebook share button show the # of "shares"? it would be neat of it would show # of tweets as well, like the tweetme button

thanks again

Sure, all you have to do is change the code (all of it) to this:

Code:

<!-- Begin Share FB -->
<li class="popupmenu nohovermenu" id="sharefb">
<h6><a class="popupctrl" href="javascript://">Share</a></h6>
<ul class="popupbody popuphover">
<!-- Facebook Share -->
<li>
<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>
</li>
<!-- / Facebook Share -->
<li>
<!-- Twitter Share -->
<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>
<!-- / Twitter Share -->
</li>
</ul>
</li>
<!-- End Share FB -->

Additionally, you can go here to see where I grabbed that part of the code it gives you a few options http://www.facebook.com/facebook-widgets/share.php

SİMAR 11-23-2009 03:28 PM

thanks

maximutt 11-27-2009 08:48 AM

Is it possible to implement this as two separate buttons in the lower postbit? Perhaps beside the "Promote To Article" & "Blog This Post" buttons?

cmor 12-06-2009 04:54 AM

Hi, I have a brand new install of the latest release. Only found one instance " <li class="popupmenu nohovermenu" id="threadtools"> " of in the vbulletin-style.xml file. Is this where the mod should be inserted?

TIA

ericgtr 12-06-2009 01:14 PM

Quote:

Originally Posted by cmor (Post 1926124)
Hi, I have a brand new install of the latest release. Only found one instance " <li class="popupmenu nohovermenu" id="threadtools"> " of in the vbulletin-style.xml file. Is this where the mod should be inserted?

TIA

It should only be installed in the SHOWTHREAD template after you install vb (or any new style).


All times are GMT. The time now is 07:25 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01144 seconds
  • Memory Usage 1,757KB
  • 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
  • (4)bbcode_code_printable
  • (3)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