Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Tutorial widget facebook


Tutorial widget facebook

Messaggio Da Insane il Lun 26 Dic 2011, 11:41

Tutorial widget facebook


Come richiesto ecco qui il codice per avere il widget di Faebook come qui sul FDF:


Per prima cosa andiamo in PDA--->Moduli--->Widget dell'Indice--->Creare widget personalizzato
Ora qui inseriamo questo codice:

Codice:
<div style="
    background-image: url(http://i41.servimg.com/u/f41/16/71/63/22/mierda10.png);
    background-repeat: no-repeat;
    background-position: top center;
"><span style="
    position: relative;
    top: 55px;
"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like" data-href="Inserisci il link della tua pagina facebook" data-send="true" data-layout="box_count" data-width="50" data-show-faces="true" data-font="segoe ui"></div></span></div></div>


</br>
</br>
</br>
</br>
</br>
<a href="Inserisci il link della tua pagina Facebook" class="postlink" target="_blank" rel="nofollow">Inserisci il testo che vuoi che compaia</a>

Ora di questo codice dovrete modificare la parte dove trovate:
-Inserisci il link della tua pagina Facebook
-Inserisci il testo che vuoi che compaia

Se volete anche modificare l'immagine di sfondo ovvero la F di facebook, basterà modificare questa parte di codice:
Codice:
background-image: url(http://i41.servimg.com/u/f41/16/71/63/22/mierda10.png);

Quando avrete fatto ciò cliccate su registrare e il vostro widget personalizzato sarà pronto per essere inserito nel vostro forum!

ATTENZIONE:
Se avrete problemi con questo tutorial siete pregati di aprire un topic nella apposite sezioni: http://aiuto.forumattivo.it/c2-problemi-e-richieste grazie :zen:

Tutoriale da : Insane
Copyrigth © FORUMATTIVO.COM




Insane
Veterano dello staff

Sesso : Maschile
Età : 24
Messaggi : 3848
Località : Varese


Vedere il profilo dell'utente http://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum