Add-On Releases - Add Facebook "Like" button to your threads [vB 3.8.x]

This mod is based on this, but working on vB 3.8.x.

As was said there: Facebook has just launched their latest "Like" button to developers to use on any site. What this does is utilizes the Advertising module to add the "Like" button to the first post of each thread. Please see screenshots to get an idea.

DEMO

IFrame Method

There is two kind of "Like" button (IFrame Method):

- With a smallest counter at his side *

<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.YOURSITE.com/showthread.php$session[sessionurl]?p=$post[postid]&amp;layout=button_count&amp;show_faces=true&amp;width=&amp;action=like&amp;colorscheme=light" 
scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:20px"></iframe>

- With a largest counter (and names of people who have clicked) *

<iframe src="http://www.facebook.com/widgets/like.php?href=http://www.YOURSITE.com/showthread.php$session[sessionurl]?p=$post[postid]&amp;show_faces=false&amp
        scrolling="no" frameborder="0" 
        style="border:none; width:450px; height:25px"></iframe>

*Change show_faces=false for true if you want to see faces

Installation:

Go to your Postbit/Postbit Legacy template and search for:

<!-- controls -->

And add below the code that you previously selected according your favorite button style.

If you want that the button only appears in first post of a thread, add this variables at the beginning and end of the code that you previously selected:

<if condition="$post[postcount] == 1">YOUR CODE</if>

*You should add these variables, otherwise the button will be displayed in every post, which makes no sense.



XFBML Method (recommended)
This is a richer way to send the contents of your board to Facebook, because it gives to users the possibility to add more information and also an image of your site is displayed on their FB wall (see the screenshots below).

Installation: (provided by cdoyle, thanks mate :up

You'll need to register your app here: http://developers.facebook.com/setup/, and get an ID to place into the code below.

<if condition="$post[postcount] == 1 AND !in_array($GLOBALS[forumid], array(40, 39))">


<p><fb:like></fb:like></p>

<div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: 'yourappID', status: true, cookie: true,
                 xfbml: true});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>


</if>

-----------------------------------------------------------------------------------------------------

Internet Explorer browser fix: https://vborg.vbsupport.ru/showpost....5&postcount=70

-----------------------------------------------------------------------------------------------------

For additional information on this button and different parameters please visit http://developers.facebook.com/docs/...e/plugins/like

Remember to click Mark as Installed if you use this modification :up:

[ARSamo]

Error

This webpage is not available.

The webpage at http://www.facebook.com/widgets/like.php?

solution plz urgently

[WizKaz]

It doesnt work with my site either. When I includ "google.com" to test it, it works fine. But if i insert my own URL, I always get an error: "site MYURL not found."
But even if I copy an paste the url from the error in my browser, i find the site.

Any ideas, pls?

[Brandon Sheley]

not working in IE even after the "IE fix" code

[kall]

Originally Posted by Loco.M

not working in IE even after the "IE fix" code

That's because that's nothing to do with why IE isn't rendering the FBML.

*grins* That might be what's up with the other one.. is mine rendering in Firefox?

[Blacura]

This does not work. It's frustrating that i will go through all the posts with various try this try that and it still does not work. when i click like it shows up briefly and then its gone and i have an error

[kall]

Originally Posted by Blacura

This does not work. It's frustrating that i will go through all the posts with various try this try that and it still does not work. when i click like it shows up briefly and then its gone and i have an error

Clicking that 'Error' word will pop up a box that tells you what the error is.

[cdoyle]

I think I'm about ready to just remove the button from pages.

The new thing I'm noticing with it is, that once you click 'like' and close the browser. Then come right back, and it's forgotten that you already clicked it! You can click it again, and it then posts another message on your wall.

Not sure if this is a facebook thing or what.

[Xtrigit]

For people who cannot get it to work in IE, check out https://vborg.vbsupport.ru/showthread.php?t=243319
This also adds the comment box to the LIKE button.

[StuSD]

what file do I make the modifications in ?
I cant find that code in class_postbit or class_postbitalt
thanks

[funmasti]

can somebody tell me that the coding is w3.org Valid? bcoz my forum is error free