Feed Twitter

Da Insane Mer 8 Giu 2011 - 11:18

Feed Twitter

Con questo tutorial potrete aggiungere un feed Twitter sul tuo Forum. Lo potrete inserire in un portale, in un widget, in una pagina HTML o nel messaggio sull'indice.
Risultato:
twitter - Feed Twitter Twitte10

-Primo passo:
Andiamo in PDA-->Moduli--->Configurazione del Portale--->Struttura--->Crea un widget personalizzato

-Secondo Passo:
Inserite questo codice:

Codice:: <div class="twitterfeed"><div id="twitter_div" style="margin-left: 35px; padding-top: 3px;"><ul id="twitter_update_list" style=" list-style-image : url(http://hitskin.com/themes/13/34/38/i_icon_minipost_participate.png); font-size: 12px; line-height: 15px;"><li style="padding-top: 3px; padding-left 20px;"> </li></ul></div><p align="right" style="margin-top: 2px; font-size: 11px;">recently twittered on <a href="twitter.com/forumotion">Forumotion</a></div><script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script><script type="text/javascript" src="http://twitter.com/statuses/user_timeline/forumotion.json?callback=twitterCallback2&count=1"></script>

Di questo codice dovrete modificare soltanto questa parte di codice:

Codice:: <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script><script type="text/javascript" src="http://twitter.com/statuses/user_timeline/forumotion.json?callback=twitterCallback2&count=1"></script>

Qui dovrete modificare:
status / user_timeline / name twitter.json
dovrete togliere twitter e inserire il nome del vostro account assicurandovi di mantenere .json
Oppure potrete modificare:
twitterCallback2 & count = 1
questa parte di codice serve per far visualizzare uno solo o più notifiche di twitter basterà modificare il numero 1 in un numero che vorrete voi.

Una volta che avrete finito salvate.

-Terzo Passo:
Ora dobbiamo aggiungere il codice nel foglio di stile CSS:
PDA--->Visualizzazione--->Immagini&Colori--->Colori--->Foglio di stile CSS

Codice:: # Twitter_div a: link { color: # FFF; } # Twitter_div a: hover { color: # 03a5b4; } # {Twitter_div color: # 006.383; }. Twitterfeed { margin: 0 auto; larghezza: 700px; height: 40px; background-image: url (http://i33.tinypic.com/14kblfo.png) / twitter * desiderata * image / background-repeat: no-repeat; }