Show Thread Enhancements - Social Networking in Posbit AND Profile (Twitter, Facebook, Google+, Linkedin, +more)

History:

• 1.0.1 - Initial Release
• 1.0.2 - Added social networking to Profile with additional options and many other minor changes.
• 1.0.3 - Fixed a bug with the postbit settings and added a new setting.

Hi guys,

This was initially a template modification i created, i decided to make things much easier for people to compile it all into this product,

What is Social Networking in Postbit & Profile:

Well the name pretty much gives it away! This mod will add social networking icons for 10 social websites into both the vertical and horizontal postbit and now in a users profile with features like:

• Option to turn Modification on/off.
• Option to enable icons with or without a block.
• Option to turn profile block on/off.
• Option on location of profile block.
• 2x Icon sets 16x16 and 24x24.
• Mouseover and Mouseout animation.
• etc.

-INSTALLATION-

-STEP 1-
Goto admincp -> User Profile Fields -> Add new User Profile Field and add the following fields:

Profile Field Type - Single-Line Text Box
Title - Twitter
Description - Add a link to your Twitter profile.
Field Searchable on Members List - NO
Show on Members List - NO

Profile Field Type - Single-Line Text Box
Title - Facebook
Description - Add a link to your Facebook profile.
Field Searchable on Members List - NO
Show on Members List - NO

Profile Field Type - Single-Line Text Box
Title - Google+
Description - Add a link to your Google+ profile.
Field Searchable on Members List - NO
Show on Members List - NO

Profile Field Type - Single-Line Text Box
Title - Bebo
Description - Add a link to your Bebo profile.
Field Searchable on Members List - NO
Show on Members List - NO

Profile Field Type - Single-Line Text Box
Title - MySpace
Description - Add a link to your MySpace profile.
Field Searchable on Members List - NO
Show on Members List - NO

Profile Field Type - Single-Line Text Box
Title - Linkedin
Description - Add a link to your Linkedin profile.
Field Searchable on Members List - NO
Show on Members List - NO

Title - Tumblr
Description - Add a link to your Tumblr account.
Field Searchable on Members List - NO
Show on Members List - NO

Profile Field Type - Single-Line Text Box
Title - Flickr
Description - Add a link to your Flickr account.
Field Searchable on Members List - NO
Show on Members List - NO

Profile Field Type - Single-Line Text Box
Title - Youtube
Description - Add a link to your Youtube profile.
Field Searchable on Members List - NO
Show on Members List - NO

Profile Field Type - Single-Line Text Box
Title - Vimeo
Description - Add a link to your Vimeo profile.
Field Searchable on Members List - NO
Show on Members List - NO

Once you have created the profiled fields, take a note of the field numbers.

Note: If you do not want to use all of these websites then just add the fields of the websites that you do want to use.

-STEP 2-
Download the attached zip file, extract the files, open the UPLOAD folder and choose which icon set you wish to use, the options are 16x16 or 24x24 icons. Once you have decided, FTP the images folder to the root of your forums.

-Step 3-
Goto admincp -> Plugins & Products -> Manage Products -> Add/Import Product and upload the install file (product-socialpostbit.xml).

-Step 4-
Goto admincp -> Options -> [Boydy]Social Networking in Postbit. Now you must decide how you want to configure the mod, you can see examples of with/without block in the screenshots below. Next all you need to do is input all of the relevant profile field numbers and that's it! If you do not wish to use some of the websites included just leave the setting blank or set to 0.

And that's it! Screenshots below of the icon sets, admincp settings and the mod itself. Credit for the icons goes to sawb.What's new in version 1.0.2:

• Social networking block now added to profile.
• Option to enable/disable profile block.
• Option on location of profile block. (TOP, MIDDLE, BOTTOM)
• Some minor code and template changes from original release.
• Added version checking to the mod.
• etc.

What's new in version 1.0.3:

• Fixed bug with postbit setting.
• Added new setting for enabling/disabling the postbit only.
• etc.

I do have some other idea's on how to further extend this modification which you'll see in a future update. If you are upgrading please remember to ALLOW OVERWRITE.

If you install this and For future updates and support please remember to mark as installed!

I've had a lot of PM's requesting my Paypal to donate so i have now set it up on here, feel free to donate if you like although please do not feel you have to

All donations are greatly appreciated

[tpearl5]

Originally Posted by ceho

I would like to have it back like it was before but I don't get it. Can anybody help me and tell me how to get it back into the position right above the IM icons and below the blog bit again?

Thanks a lot!

Try changing the execution order of the plugin for the postbit

[ceho]

Yay, that was it. Easy . Thank you very much!!

[denman75]

Originally Posted by yjmalmsteen

How can i change "My Social Networks" title's language?
Amazing mod btw
Thanks

want to know it also ,thank you

[thenamesgould]

These alterations so that you only have to enter the username of the various services seem to work fine for me. First of all in memberinfo_block_social:

<div class="friends_mini friends block">
  <h5 class="blocksubhead userprof_blocksubhead smaller ">My Social Networking
  <vb:if condition="$prepared['myprofile']">
		<a class="textcontrol imagecontrol" href="profile.php?{vb:raw session.sessionurl}do=editprofile"><img src="{vb:stylevar imgdir_button}/edit_40b.png" alt="{vb:rawphrase edit}" /></a>
		</vb:if></h5>
    <div class="blockbody userprof_content userprof_content_border">
      <div class="blockrow member_blockrow">
      <div align="center">
    <vb:if condition="$social['twitter']">
<a target ="blank" href="http://www.twitter.com/{vb:raw social.twitter}"><img src="images/postbit_social/twitter.png" onmouseover="this.src='images/postbit_social/twitter_a.png'" onmouseout="this.src='images/postbit_social/twitter.png'" alt="Follow {vb:raw post.username} on Twitter" /></a>
	</vb:if>
    
	<vb:if condition="$social['facebook']">
<a target ="blank" href="http://www.facebook.com/{vb:raw social.facebook}"><img src="images/postbit_social/facebook.png" onmouseover="this.src='images/postbit_social/facebook_a.png'" onmouseout="this.src='images/postbit_social/facebook.png'" alt="Add {vb:raw post.username} on Facebook" /></a>	
	</vb:if>
    
	<vb:if condition="$social['google']">
<a target ="blank" href="http://plus.google.com/{vb:raw social.google}"><img src="images/postbit_social/google.png" onmouseover="this.src='images/postbit_social/google_a.png'" onmouseout="this.src='images/postbit_social/google.png'" alt="Add {vb:raw post.username} on Google+" /></a>
</vb:if>

	<vb:if condition="$social['bebo']">
<a target ="blank" href="http://www.bebo.com/{vb:raw social.bebo}"><img src="images/postbit_social/bebo.png" onmouseover="this.src='images/postbit_social/bebo_a.png'" onmouseout="this.src='images/postbit_social/bebo.png'" alt="Add {vb:raw post.username} on Bebo" /></a>
	</vb:if>
    
    <vb:if condition="$social['myspace']">
<a target ="blank" href="http://www.myspace.com/{vb:raw social.myspace}"><img src="images/postbit_social/myspace.png" onmouseover="this.src='images/postbit_social/myspace_a.png'" onmouseout="this.src='images/postbit_social/myspace.png'" alt="Add {vb:raw post.username} on MySpace" /></a>
	</vb:if>
    <vb:if condition="$social['linkedin']">
<a target ="blank" href="http://www.linkedin.com/in/{vb:raw social.linkedin}"><img src="images/postbit_social/linkedin.png" onmouseover="this.src='images/postbit_social/linkedin_a.png'" onmouseout="this.src='images/postbit_social/linkedin.png'" alt="Add {vb:raw post.username} on Linkedin" /></a>
	</vb:if>
    
    <vb:if condition="$social['tumblr']">
<a target ="blank" href="http://{vb:raw social.tumblr}.tumblr.com"><img src="images/postbit_social/tumblr.png" onmouseover="this.src='images/postbit_social/tumblr_a.png'" onmouseout="this.src='images/postbit_social/tumblr.png'" alt="Follow {vb:raw post.username} on Tumblr" /></a>
	</vb:if>
    
     <vb:if condition="$social['flickr']">
<a target ="blank" href="http://www.flickr.com/{vb:raw social.flickr}"><img src="images/postbit_social/flickr.png" onmouseover="this.src='images/postbit_social/flickr_a.png'" onmouseout="this.src='images/postbit_social/flickr.png'" alt="Follow {vb:raw post.username} on Flickr" /></a>
	</vb:if>

     <vb:if condition="$social['youtube']">
<a target ="blank" href="http://www.youtube.com/user/{vb:raw social.youtube}"><img src="images/postbit_social/youtube.png" onmouseover="this.src='images/postbit_social/youtube_a.png'" onmouseout="this.src='images/postbit_social/youtube.png'" alt="Visit {vb:raw post.username}'s YouTube Channel" /></a>
	</vb:if>    
    
      <vb:if condition="$social['vimeo']">
<a target ="blank" href="http://www.vimeo.com/{vb:raw social.vimeo}"><img src="images/postbit_social/vimeo.png" onmouseover="this.src='images/postbit_social/vimeo_a.png'" onmouseout="this.src='images/postbit_social/vimeo.png'" alt="Visit {vb:raw post.username}'s Vimeo Channel" /></a>
	</vb:if>
      </div>
    </div> 		 
 </div>
</div>
<div class="underblock"></div>

And in postbit_social1, this:

  <vb:if condition="$social['twitter']">
<a target ="blank" href="http://www.twitter.com/{vb:raw social.twitter}"><img src="images/postbit_social/twitter.png" onmouseover="this.src='images/postbit_social/twitter_a.png'" onmouseout="this.src='images/postbit_social/twitter.png'" alt="Follow {vb:raw post.username} on Twitter" /></a>
	</vb:if>
    
	<vb:if condition="$social['facebook']">
<a target ="blank" href="http://www.facebook.com/{vb:raw social.facebook}"><img src="images/postbit_social/facebook.png" onmouseover="this.src='images/postbit_social/facebook_a.png'" onmouseout="this.src='images/postbit_social/facebook.png'" alt="Add {vb:raw post.username} on Facebook" /></a>	
	</vb:if>
    
	<vb:if condition="$social['google']">
<a target ="blank" href="http://plus.google.com/{vb:raw social.google}"><img src="images/postbit_social/google.png" onmouseover="this.src='images/postbit_social/google_a.png'" onmouseout="this.src='images/postbit_social/google.png'" alt="Add {vb:raw post.username} on Google+" /></a>
</vb:if>

	<vb:if condition="$social['bebo']">
<a target ="blank" href="http://www.bebo.com/{vb:raw social.bebo}"><img src="images/postbit_social/bebo.png" onmouseover="this.src='images/postbit_social/bebo_a.png'" onmouseout="this.src='images/postbit_social/bebo.png'" alt="Add {vb:raw post.username} on Bebo" /></a>
	</vb:if>
    
    <vb:if condition="$social['myspace']">
<a target ="blank" href="http://www.myspace.com/{vb:raw social.myspace}"><img src="images/postbit_social/myspace.png" onmouseover="this.src='images/postbit_social/myspace_a.png'" onmouseout="this.src='images/postbit_social/myspace.png'" alt="Add {vb:raw post.username} on MySpace" /></a>
	</vb:if>
    <vb:if condition="$social['linkedin']">
<a target ="blank" href="http://www.linkedin.com/in/{vb:raw social.linkedin}"><img src="images/postbit_social/linkedin.png" onmouseover="this.src='images/postbit_social/linkedin_a.png'" onmouseout="this.src='images/postbit_social/linkedin.png'" alt="Add {vb:raw post.username} on Linkedin" /></a>
	</vb:if>
    
    <vb:if condition="$social['tumblr']">
<a target ="blank" href="http://{vb:raw social.tumblr}.tumblr.com"><img src="images/postbit_social/tumblr.png" onmouseover="this.src='images/postbit_social/tumblr_a.png'" onmouseout="this.src='images/postbit_social/tumblr.png'" alt="Follow {vb:raw post.username} on Tumblr" /></a>
	</vb:if>
    
     <vb:if condition="$social['flickr']">
<a target ="blank" href="http://www.flickr.com/{vb:raw social.flickr}"><img src="images/postbit_social/flickr.png" onmouseover="this.src='images/postbit_social/flickr_a.png'" onmouseout="this.src='images/postbit_social/flickr.png'" alt="Follow {vb:raw post.username} on Flickr" /></a>
	</vb:if>

     <vb:if condition="$social['youtube']">
<a target ="blank" href="http://www.youtube.com/user/{vb:raw social.youtube}"><img src="images/postbit_social/youtube.png" onmouseover="this.src='images/postbit_social/youtube_a.png'" onmouseout="this.src='images/postbit_social/youtube.png'" alt="Visit {vb:raw post.username}'s YouTube Channel" /></a>
	</vb:if>    
    
      <vb:if condition="$social['vimeo']">
<a target ="blank" href="http://www.vimeo.com/{vb:raw social.vimeo}"><img src="images/postbit_social/vimeo.png" onmouseover="this.src='images/postbit_social/vimeo_a.png'" onmouseout="this.src='images/postbit_social/vimeo.png'" alt="Visit {vb:raw post.username}'s Vimeo Channel" /></a>
	</vb:if>

I then edited the User Profile fields to read
Enter your Twitter username (excluding the @).
Enter your Facebook username.

etc ...

[weave]

Love this mod....hope you pick it back up and add more options into it....if you do, can you add paypal?

[tpearl5]

Originally Posted by tpearl5

FYI, for anyone wanting to use this to add author tags via Google+ here's how to do it:
[/url]

btw, I got this working great for my sites...

https://www.google.com/search?q=droi...l+phone+forums

[Dwarden]

installed with some modification for the http plus added STEAM, Raptr, Xfire

neat, nice, works with 4.1.10

[comunidadmh]

Hello, how are you guys ?

I do a wonder.

Install the program, but I realized that if I use the factory style that comes with vbulletin going well, but if you use my personal style, I do shows.

Someone could help me?

[GeorgeB85]

If I enable the block to show in postbit, when you click on any of the icons, it pops up a new tab with a url of http://www.http.com// and then continues on with the correct url.

What is causing the http://www.http.com// to happen and how can I make it stop?

[skol]

Originally Posted by GeorgeB85

If I enable the block to show in postbit, when you click on any of the icons, it pops up a new tab with a url of http://www.http.com// and then continues on with the correct url.

What is causing the http://www.http.com// to happen and how can I make it stop?

Well my postbit is totally customized,and adding this mod it just fell straight in.//usually you can only change what the author allows you to do..A little like ioncube encryption but you dont need a rule for that.