vb.org Archive - Forum Home Enhancements - [CM] Facebook & Twitter Badge

This was brought to you by ChiNa-Man

First of all I am a free soul, So if one of you guys decided to post this on another forum or a website, I would be appreciated if you give some CREDITs to the Developer simply typing his name: Credits to: ChiNa-Man, and do not CHANGE or DELETE the ORIGINAL CONTENT! Thank you!

:::::::::::::::::::::::::::::::::::::::::::::

Hey everyone, This mod is for Facebook & Twitter! Its like a Badge for your forumhome page! And it will appear in the corner of your homepage! A big thanks to MybbExtras.Net for giving me full permission and support to let us re-use some of their amazing plugins as a vBulletin mod! I am an old mybb board owner, and I decided to use all what I have learned about css and html, and forward it to you guys and to make vBulletin grow further! This is an amazing and easy setup, and I use it on my own forum too! I hope you will like this one!

Click here for Demo:
-------------------
Version 1.00: This is very simple and just 1 Template Edit and 3 Steps
-------------------
Extra Credits to: RubberDuck (MybbExtras.Net) as Supporter / CoAuthor
-------------------

Facebook Badge Example

https://vborg.vbsupport.ru/external/2012/08/50.png

Twitter Badge Example

https://vborg.vbsupport.ru/external/2012/08/51.png

Lets Start..........

Step 1: First go to your ADMINCP, and Style & Templates. Now the right side of your Template name, you should see a dropdown menu! Click on the dropdown and choose Edit Template!

Step 2:The next thing we have to do is, to add the CODE for the Badge, and you can either add it in your "header" template or in your "footer" Template! Make sure to add it at the end of the template!

Below you will see 2 different Codes, 1 for Facebook, 1 for Twitter, you only need to add the URL of your facebook or twitter instead of RED TEXT!

Facebook Code: (Replace Red Text: With your Facebook or Twitter URL)

Code:

<a href="http://YOUR-FACEBOOK-URL" target="_blank"><img src="images/facebook.png" alt="Facebook" style="position: fixed; top:0; right:0; z-index:999;" title="Join our Facebook Page" /></a>

Twitter Code: (Replace Red Text: With your Facebook or Twitter URL)

Code:

<a href="http://YOUR-TWITTER-URL" target="_blank"><img src="images/twitter.png" alt="Twitter" style="position: fixed; top:0; right:0; z-index:999;" title="Follow us on Twitter" /></a>

Make sure to replace the Red Text With your Facebook or Twitter URL.

Notice: You cant add both of the codes, else they will make conflicts, and the code on top will cover the code below! So only add one of the codes.

Step 3: Now dont forget to copy the images from the attachments below! There are 2 images, one for facebook (facebook.png) and one for Twitter (twitter.png). Upload only one of the images, in your forums "images" folder that you want to use as your Badge!

Thats it, we are done.

Thank you for following up on this tutorial, and ones again thanks to all of you who have Installed my previouse mods and clicked on the Install Button! Its because of you guys I keep going! Thanks a lot!

Stay Tune for more, and please dont forget to click on INSTALLED!

EXTRA INFO:

If you want to put your images to the left, you need to EDIT your images first to make it FIT on left side,,,,,

Woffie COMMENTED:

Quote:

Originally Posted by woffie (Post 2361684)

To place it left just change the code

<a href="http://YOUR-FACEBOOK-URL" target="_blank"><img src="images/facebook.png" alt="Facebook" style="position: fixed; top:0; left:0; z-index:999;" title="Join our Facebook Page" /></a>

Thanks Woffie for sharing it with others:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01259 seconds Memory Usage 1,731KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (5)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: