You would need to edit this widget: 


blob1476473790245.png



Of course in this example we will be using a div id that will likely be different from the one you assign. We went ahead and added a custom div id for this example.


This line of coded added another tab: 


  if ($user[facebook] != "") { ?>

    <li> <a data-toggle="tab" role="tab" href="#35" rel="nofollow" aria-controls="t35">Facebook</a></li>

<?php } ?>


blob1476473950240.png



The next thing to do to edit what appears inside of that tab is to add this code:


  <div id="35" class="tab-pane" role="tabpanel">

                <div id="my_id" style="display:inline;padding:0px;"><?php echo $user[facebook];?></div>

            </div>


blob1476474125123.png


As you will see, you can add as much custom content as you wish inside of this div and it will show in the tab that has been linked to the proper tab. 


Thank you.