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.

[Lostboyfan]

the block doesn't show even after i put in the code

[svaghari]

where/how do you upload image files?

[ProFifaLeagues]

In to your ftp
**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.

[Miss Chatterbox]

Love it! Thank you!

[crazyace]

Originally Posted by Miss Chatterbox

Love it! Thank you!

You're welcome. I really need to find some time to work on this. Man weddings eat up so much time.

[Lee Wisener]

Perfect, thanks

[Carrie Lewis]

Nice. I think I will definitely use this!

[BadgerDog]

Where do I find the mod that puts the sidebar marked "Tweets" (see pic)

Thanks ...

Regards,
Badger

[x626xblack]

Originally Posted by BadgerDog

Where do I find the mod that puts the sidebar marked "Tweets" (see pic)

Thanks ...

Regards,
Badger

That is a tweetboard

[BadgerDog]

Originally Posted by x626xblack

That is a tweetboard

Thanks ..

Is a tweetboard a mod here, or is it something I get from Twitter?

Regards,
Badger