mod_html & facebook iframe

In questo articolo spiegheremo come inserire nel layout di Joomla il codice HTML fornitoci da facebook per inserire il quadro relativo alle attività della nostra pagina pubblica su Facebook, attraverso l'implementazione di un modulo mod_html che svolga a tale compito.

Va detto che mod_html è un componente incluso nel "core" di Joomla! che ci permette di inserire il codice html all'interno di uno spazio modulo, il quale potrà essere inserito in un delle aree destinate ad ospitare tali moduli (sidebar, barre orrizontali o footer).

Per il suo funzionamento dovrete aggiungere un modulo in gestione moduli, con il bottone + e selezionare HTML Personalizzato.

Nella pagine successiva attivare tutti i parametri di dove/come vorrete utilizzarlo: titolo, se attivo e/o dove  attivare il modulo (ovunte o solo in determinate pagine), se deve esservi applicata una classe css particolare ed infine andando nella parte inferiore chiamata Pesonalizza Output  e una volta attivata la modalita HTML incollare o scrivere codice desiderato.

I passaggi per il frame di Facebook saranno i seguenti:

1. andare alla pagina del servizio like box disponibile tra gli strumenti di facebook. e li imposterete l'id della vostra page, impostate la larghezza che volete riservare al riquadro  nel campo width e quanti contatti vorrete visualizzare nel riquadro, Show Stream e Show Headers, attivano la visualizzazione dei post pubblicati nella bacheca della pagina di facebook e l"intestazione dalla pagina stessa (che noi lasciamo disattivi).

Immagine Facebook social plugin Likebox.

2. premere il bottone Get Code che generà un codice analogo a questo:

<!-- Facebook Badge START -->
<iframe
  src="http://www.facebook.com/plugins/likebox.php?id=128971473445&width=194&connections=6&stream=false&header=false&height=254"
  scrolling="no" frameborder="0"
  style="margin-top:10px; border:none; overflow:hidden; width:194px; height:254px;"
  allowTransparency="true">
</iframe>
<!-- Facebook Badge END -->

3. immetterlo nel mod_html ottenuto dai passaggi spiegati all'inizio che vi permetterà di avere un  riquadro di facebook identico a questo: