Znacznik "lubię to" - wakacyjny kurs Facebook'a

Kolejnym komponentem w dziale wizytówek jest znacznik `Lubię to`. W odróżnieniu od pozostałych wizytówek nie jest to generowany obrazek - a normalny boks. Stosując ten znacznik możemy wybrać jedną stronę, którą lubimy i pochwalić się nią na swojej stronie.
Do końca nie wiem jakie były zamierzenia tego komponentu - ale może akurat komuś się przyda :)

Do dyspozycji mamy kreator, który pozwala nam wybrać jedną ze stron, które lubimy. Po wyborze strony zostanie wygenerowany podgląd oraz kod do przygotowania.

Na jeden boksik przypadają dwa linki: do naszego profilu oraz do lubionej strony. Dodatkowo na dole doklejany jest tekst 'utwórz swój znacznik "Lubię to", który można rzecz jasna wyedytować.

Przykładowy wygenerowany kod:

<!-- Facebook Like Badge START -->
<div style="width: 100%;">
 <div style="background: #3B5998;padding: 5px;">
  <img src="http://www.facebook.com/images/fb_logo_small.png" alt="Facebook"/>
  <img src="http://badge.facebook.com/badge/56899030164.100000622539633.2018221001.png" alt="" width="0" height="0"/>
 </div>
 <div style="background: #EDEFF4;display: block;border-right: 1px solid #D8DFEA;border-bottom: 1px solid #D8DFEA;border-left: 1px solid #D8DFEA;margin: 0px;padding: 0px 0px 5px 0px;">
  <div style="background: #EDEFF4;display: block;padding: 5px;">
   <table cellspacing="0" cellpadding="0" border="0">
    <tr>
     <td valign="top">
      <img src="http://www.facebook.com/images/icons/fbpage.gif" alt=""/>
     </td>
     <td valign="top">
      <p style="color: #808080;font-family: verdana;font-size: 11px;margin: 0px 0px 0px 0px;padding: 0px 8px 0px 8px;">
       <a href="http://www.facebook.com/people/Czesław/20006255966316" target="_TOP" style="color: #3B5998;font-family: verdana;font-size: 11px;font-weight: normal;margin: 0px;padding: 0px 0px 0px 0px;text-decoration: none;" title="Czeslaw">Czeslaw</a> lubi
      </p>
     </td>
    </tr>
   </table>
  </div>
  <div style="background: #FFFFFF;clear: both;display: block;margin: 0px;overflow: hidden;padding: 5px;">
   <table cellspacing="0" cellpadding="0" border="0">
    <tr>
     <td valign="middle">
      <a href="http://www.facebook.com/pages/Kofola/56899030164" target="_TOP" style="border: 0px;color: #3B5998;font-family: verdana;font-size: 12px;font-weight: bold;margin: 0px;padding: 0px;text-decoration: none;" title="Kofola">
       <img src="http://www.facebook.com/profile/pic.php?oid=AAAAAwAgACAAAAALNV2ih9LPq6jRKpU4aBStMmCOiWw40i3vO6z86AjtWYsV6LsmSoo0FxCTPCrtx_XRZEbfJ8rPObksqXLA33xo4xoWuFNAHo8yYb55sVcOKtk-7cCCAJj7pdxHWQqY92CN&size=square" style="border: 0px;margin: 0px;padding: 0px;" alt="Kofola"/>
      </a>
     </td>
     <td valign="middle" style="padding: 0px 8px 0px 8px;">
      <a href="http://www.facebook.com/pages/Kofola/56899030164" target="_TOP" style="border: 0px;color: #3B5998;font-family: verdana;font-size: 12px;font-weight: bold;margin: 0px;padding: 0px;text-decoration: none;" title="Kofola">Kofola</a>
     </td>
    </tr>
   </table>
  </div>
 </div>
 <div style="display: block;float: right;margin: 0px;padding: 4px 0px 0px 0px;">
 <a href="http://www.facebook.com/badges/like.php" target="_TOP" style="color: #3B5998;font-family: verdana;font-size: 11px;font-weight: none;margin: 0px;padding: 0px;text-decoration: none;" title="Utwórz swój znacznik „Lubię to”">Utwórz swój znacznik „Lubię to”</a>
 </div>
</div>
<!-- Facebook Like Badge END -->

Oraz wyrenderowany znacznik: