The Arcive of vBulletin Modifications Site.

Meebo Bar · **Released**: 07-13-2010

Hey everyone, I recently came across the new Meebo Bar (Beta) and i found a way to integrate it into my forums and would like to show you how to do it yourself.

VB4 version is here
https://vborg.vbsupport.ru/showthread.php?t=246522

About Meebo bar. From Meebo website

Quote:

What does the Meebo Bar offer?
With the Meebo Bar, you get several great features straight out of the box:

* Real-time sharing. Your users can easily share your website with their friends through IM, Facebook, Twitter, Yahoo, and email. The Meebo Bar engages your existing users and brings in new users.
* Custom buttons for your bar. Choose from a host of buttons to add to your bar. Right now we have buttons for Facebook Fan pages, Twitter, RSS, Youtube, Flickr, and a bunch more. If you don't see a button you want, just let us know.
* Personal stats dashboard. See statistics about pageviews, sharing from your site, and which of your Meebo Bar buttons are being clicked, all from your own secure site. You can even give other users their own personal login to access the dashboard.
* Instant messaging from your site. Meebo knows web-based IM better than anyone, and your site visitors will be able to chat and share with their IM friends from AIM, Yahoo!, MSN, Facebook, and a ton of other networks.

Step 1

Go to http://bar.meebo.com/ and sign up their.

Step 2

Once you have an account created start by pressing the integration wizard link.

Step 3

now click the link that says "I host my own blog / site or use a different blog platform"

Step 4

Now you should get some code that looks a lot like this. Copy it all and put it at the bottom of your header include template. (Don't use the code I posted, you the code that you get from the Meebo website.)

Code:

<script type="text/javascript">
if (typeof Meebo == 'undefined') {
	var M=Meebo=function(){(M._=M._||[]).push(arguments)},w=window,a='addEventListener',b='attachEvent',c='load',
	d=function(){M.T(c);M(c)},z=M.$={0:+new Date};
	M.T=function(a){z[a]=+new Date-z[0]};if(w[a]){w[a](c,d,false)}else{w[b]('on'+c,d)};M.v=3;
	(function(_){var d=document,b=d.body,c;if(!b){c=arguments.callee;
	return setTimeout(function(){c(_)},100)}var a='appendChild',c='createElement',
	m=b.insertBefore(d[c]('div'),b.firstChild),n=m[a](d[c]('m')),i=d[c]('iframe');
	m.style.display='none';m.id='meebo';i.frameBorder="0";n[a](i).id="meebo-iframe";
	function s(){return['<body onload=\'var d=document;d.getElementsByTagName("head")[0].',
	a,'(d.',c,'("script")).sr','c="//',_.stage?'stage-':'',
	'cim.meebo.com','/cim?iv=',M.v,'&network=',_.network,_.lang?'&lang='+_.lang:'',
	_.d?'&domain='+_.d:'','"\'></bo','dy>'].join('')}try{
	d=i.contentWindow.document.open();d.write(s());d.close()}catch(e){
	_.d=d.domain;i['sr'+'c']='javascript:d=document.open();d.write("'+s().replace(/"/g,'\\"')+'");d.close();'}M.T(1)})
    ({ network: 'YourWebsiteHere_ha26ko', stage: false });
    Meebo("makeEverythingSharable");    
}
</script>

Step 5

Now open up the footer template on your website and place the following code into the very bottom.
Code:
<script type="text/javascript">
  Meebo("domReady");
</script>

Hell Bomb · #2 07-14-2010, 05:56 AM

Additions

Storing your JavaScript in an external file.
Step 1

Open up a new notepad document and place the code you got from the Meebo website into it.

Code:

<script type="text/javascript">
if (typeof Meebo == 'undefined') {
	var M=Meebo=function(){(M._=M._||[]).push(arguments)},w=window,a='addEventListener',b='attachEvent',c='load',
	d=function(){M.T(c);M(c)},z=M.$={0:+new Date};
	M.T=function(a){z[a]=+new Date-z[0]};if(w[a]){w[a](c,d,false)}else{w[b]('on'+c,d)};M.v=3;
	(function(_){var d=document,b=d.body,c;if(!b){c=arguments.callee;
	return setTimeout(function(){c(_)},100)}var a='appendChild',c='createElement',
	m=b.insertBefore(d[c]('div'),b.firstChild),n=m[a](d[c]('m')),i=d[c]('iframe');
	m.style.display='none';m.id='meebo';i.frameBorder="0";n[a](i).id="meebo-iframe";
	function s(){return['<body onload=\'var d=document;d.getElementsByTagName("head")[0].',
	a,'(d.',c,'("script")).sr','c="//',_.stage?'stage-':'',
	'cim.meebo.com','/cim?iv=',M.v,'&network=',_.network,_.lang?'&lang='+_.lang:'',
	_.d?'&domain='+_.d:'','"\'></bo','dy>'].join('')}try{
	d=i.contentWindow.document.open();d.write(s());d.close()}catch(e){
	_.d=d.domain;i['sr'+'c']='javascript:d=document.open();d.write("'+s().replace(/"/g,'\\"')+'");d.close();'}M.T(1)})
    ({ network: 'YourWebsiteHere_ha26ko', stage: false });
    Meebo("makeEverythingSharable");    
}
</script>

Step 2

Now get rid of the following lines
Code:
<script type="text/javascript">
and
Code:
</script>

Step 3

Now save the file as meebo.js

Step 4

Upload that file wherever you want in your ftp.

Step 5

Open up your footer template and find the following code.
Code:
<script type="text/javascript">
  Meebo("domReady");
</script>

Step 6

Replace it with.

Code:

<script type="text/javascript" src="path/to/meebo.js></script>

Step 7

Save the template.

Setting user group permissions
Step 1

Open up the footer template.

Step 2
Find the following code

Code:

<script type="text/javascript" src="path/to/meebo.js></script>

OR

Code:

<script type="text/javascript">
  Meebo("domReady");
</script>

Step 3

Add the following above it
Code:
<if condition="is_member_of($bbuserinfo, array(5, 6, 7))">
And add the following after it
Code:
</if>

Step 4

Replace the
Code:
5,6,7
with whatever usergroup id's you want the be able to view the Meebo Bar

Disabling Drag to share on images and videos
Step 1

Open up either your external JavaScript file or the code placed in the footer and find the following line
Code:
Meebo("makeEverythingSharable");

Step 2

Change it to the following
Code:
Meebo("");

Hell Bomb · #3 07-14-2010, 05:57 AM

-- Live Previews--
http://bar.meebo.com/
http://www.elitegamingcrew.org/ (Thank you acezakj for the live preview)

-- Screenshots --

dengbej · #4 07-14-2010, 06:59 PM

thanks.i m waiting screenshots

Brandon Sheley · #5 07-14-2010, 07:40 PM

Quote:

Originally Posted by dengbej

thanks.i m waiting screenshots

ditto, I don't really know what this mod does

Hell Bomb · #6 07-19-2010, 06:52 PM

Their, i updated with some screenshots for a better example of what it does.

Galkon · #7 07-19-2010, 10:43 PM

Pretty awesome, will be using

Hell Bomb · #8 08-16-2010, 01:11 AM

Quote:

Originally Posted by Galkon

Pretty awesome, will be using

Cool glad to here. This could be a very promising mod for vBulleitn 4.0 because of the way they are taking it. This is just one more social networking advantage you can add to your forum to really entice your members.

ddaybofb · #9 08-21-2010, 06:05 PM

Worked for a little while but its not there anymore

Hell Bomb · #10 08-22-2010, 03:00 PM

Quote:

Originally Posted by ddaybofb

Worked for a little while but its not there anymore

the meebo bar has been doing updates on the back end of it. Try checking out your login on the meebo website and check if anything has c hanged.