Add-On Releases - Follow Us Widget/Forum Block

I was asked to create a widget and forum block from a few users so after doing some testing, I was able to come create them.

Install CMS Widget:

• Upload the image files
• Go to admincp and select vBulletin CMS >> Widgets
  Press Create New Widget
• At Widget Type select Static HTML
• At Title type: Follow Us
• Now click Save
• Select Follow Us Widget and then click Configure
• Select and Delete any white space
• Copy and paste HTML code below and then save config ( Edit each line of code with the settings you want where you see the "XXXX" also you can edit the margins as well )
  

  <!--Twitter Code-->
  <br /><a href="http://twitter.com/XXXXXX"><img src="images/misc/95x56/twitter_follow_us.png" title="Follow Us on Twitter" width="XXXXXX" height="XXXXXX" style="margin-left: 16px; margin-right: XXXXXXpx;"/></a>
  
  <!--Facebook Code-->
  <a href="XXXXXX"><img src="images/misc/95x56/facebook_follow_us.png" title="Follow Us on Facebook" width="XXXXXX" height="XXXXXX" style="margin-left: 16px; margin-right: XXXXXXpx;"/></a>
  
  <!--Myspace Code-->
  <a href="http://www.myspace.com/XXXXXX"><img src="images/misc/95x56/myspace_follow_us.png" title="Follow Us on Myspace" width="XXXXXX" height="XXXXXX" style="margin-left: 16px; margin-right: XXXXXXpx; margin-top: 10px;"/></a>
  
  <!--Youtube Code-->
  <a href="http://www.youtube.com/group/XXXXXX"><img src="images/misc/95x56/youtube_follow_us.jpg" title="Follow Us on YouTube" width="XXXXXX" height="XXXXXX" style="margin-left: 16px; margin-right: XXXXXXpx; margin-top: 10px;"/></a>

• Go to admincp and select vBulletin CMS>> Layout Manager
• Select your layout (eg: Default Layout)
• Edit>> Go
• At Widgets Select Follow Us and Add to the right by pressing the (>) button
• Move the widget to the area in your CMS that you want it

Install Forum Block:

• Upload the image files
• Go to admincp and select Forums & Moderators >> Forum Blocks Manager
  Press Add Block
• At Add new block select Custom HTML/PHP
• At Title replace Custom HTML/PHP with: Follow Us
• Under Block Config>> Click HTML
• Copy and paste HTML code below and then save config ( Edit each line of code with the settings you want where you see the "XXXX" also you can edit the margins as well )
  

  <!--Twitter Code-->
  <br /><a href="http://twitter.com/XXXXXX"><img src="images/misc/95x56/twitter_follow_us.png" title="Follow Us on Twitter" width="XXXXXX" height="XXXXXX" style="margin-left: 16px; margin-right: XXXXXXpx;"/></a>
  
  <!--Facebook Code-->
  <a href="XXXXXX"><img src="images/misc/95x56/facebook_follow_us.png" title="Follow Us on Facebook" width="XXXXXX" height="XXXXXX" style="margin-left: 16px; margin-right: XXXXXXpx;"/></a>
  
  <!--Myspace Code-->
  <a href="http://www.myspace.com/XXXXXX"><img src="images/misc/95x56/myspace_follow_us.png" title="Follow Us on Myspace" width="XXXXXX" height="XXXXXX" style="margin-left: 16px; margin-right: XXXXXXpx; margin-top: 10px;"/></a>
  
  <!--Youtube Code-->
  <a href="http://www.youtube.com/group/XXXXXX"><img src="images/misc/95x56/youtube_follow_us.jpg" title="Follow Us on YouTube" width="XXXXXX" height="XXXXXX" style="margin-left: 16px; margin-right: XXXXXXpx; margin-top: 10px;"/></a>

• Now click Save

**Note: With this MOD the image files path will be set to ""images/misc/95x56/" That way if you have the other versions installed, it won't cause issues. Also if you want to use even the smaller images, edit the HTML to point at 48x28.

[x626xblack]

Mix of both. You can get the Board Mod here but you need to get the authorization and activation else where.
https://vborg.vbsupport.ru/showthrea...ght=tweetboard

[BadgerDog]

Originally Posted by x626xblack

Mix of both. You can get the Board Mod here but you need to get the authorization and activation else where.
https://vborg.vbsupport.ru/showthrea...ght=tweetboard

Thank you ..

Regards,
Badger

[robbiefritz]

My only suggestion would be to have the clicks open in a new tab or window so as not to loose focus on the forum itself.

I did this by editing the code as such. Because we only use twitter right now, only that was edited.

<!--Twitter Code-->
<br /><a href="XXXX" target=”_blank”><img src="images/misc/95x56/twitter_follow_us.png" title="Follow Us on Twitter" width="95" height="56" style="margin-left: 16px; margin-right: 16px;"/></a>

[oldfan]

Would this would with CMPS v4.0?

thanks

[fluidswork]

Great addon ...........

[LisaArnold]

Thanks, works nicely with vB 4.1.4

[ahobilam]

I installed it, its working fine.
I like this mod very much.
But, how could I change the width of the widget? It overlaps with the main content in the Home page.
It looks well in the Forum Block.
My website is: www.brahminsnet.com/forums/

[Charis]

Thanks a lot.
That is what exactly I was looking for.

[UK CHI3F]

big thanks for the mini mod and comments from robbiefritz
I dont do code but this was made easy to follow and even adding the extra bit was simple
Thanks

Now i need a like button for threads

[yesfans]

Set as a widget in 4.1.11 and is working fine so it appears thus far.