Bootstrap Popovers with favicon from any URL

	<!-- SUBMITTED to Featured: 1:35pm March 22,2014  -->

<div class="container">
  <div class="row">
    <!-- this will center a col 6, and 3 on each side -->
    <div class="col-md-6 col-md-offset-3">
      <img src="" width="64" class="pull-right" alt="">
      Popovers <small>with  favicon from any URL</small></h1>
      How to easily include favicons from any URL and <strong> HTML code </strong> with your popovers.

      <div class="po-markup">
        <a href="" class="po-link"></a>
        ←  popover with favicon and HTML coded site information.

        <div class="po-content hidden">
          <div class="po-title">
            <img src="" alt="Google" width="16" height="16">
            CNN News
            </div> <!-- ./po-title -->
            <div class="po-body">
         is among the world's leaders in online news and information delivery. Staffed <strong>24 hours </strong>, seven days a week by a dedicated staff in CNN's world headquarters in Atlanta, Georgia, and in bureaus worldwide.
              </div><!-- ./po-body -->
              </div>  <!-- ./po-content -->
              </div><!-- ./po-markup -->
              <div class="text-info lead">
                Examples of retrieving favicons:
                <img src="" alt="Google" width="16" height="16">
                <img src="" alt="CNN" width="16" height="16">
                <img src="" alt="eBay" width="16" height="16">
                <img src="" alt="Facebook" width="16" height="16">
                <img src="" alt="ABC News" width="16" height="16">
                </div><!-- ./text-info -->


                <a href="">See 1,000 top visited websites' favicons</a>

                <a href=";ss=1"><span class="glyphicon glyphicon-check" style="color: #339900;"></span><small> HTML</small><sup>5</sup></a>

                </div><!-- ./col-md6 -->
                </div><!-- ./row -->
                </div><!-- ./container -->
	<script type="text/javascript"></script>




Bootstrap Popover Ref:

Favicons Ref:
(https:// links are available)

Popover ref:
Note: the JS is written, so that you can have unlimited number of popovers.

$(document).ready(function() {

  $('.po-markup > .po-link').popover({
    trigger: 'hover',
    html: true,  // must have if HTML is contained in popover

    // get the title and conent
    title: function() {
      return $(this).parent().find('.po-title').html();
    content: function() {
      return $(this).parent().find('.po-body').html();

    container: 'body',
    placement: 'right'