-
.Come incorporare Tweets o video da Twitter /Facebook/Instagram
Il forum è dotato di script che permettono l'incorporazione diretta dai social Twitter - Facebook e Instagram !
Ma cosa vuol dire?
---------------------
Vediamo con qualche esempio:
Twitter:
Sia guardando dalla propria pagina che cliccando sul tweet che ci interessa incorporare vediamo sulla destra in basso 3 pallini grigi ( sono evidenziati in azzurro)
Cliccando sopra si apre una finestra di opzioni :
Nell'esempio qui sopra si vede solamente " Incorpora tweet" ( questo tweet non contiene video e pertanto l'unica opzione disponibile è quella per il tweet) .
Cliccando su Incorpora tweet si apre un immagine con un codice:
Questo è un esempio del codice da copiare e incollare nel vostro post:CODICE<blockquote class="twitter-tweet" data-lang="it"><p lang="en" dir="ltr">Piccoli fans crescono - Heal the world? Facciamolo! <a href="https://t.co/0CpisHbkjh">https://t.co/0CpisHbkjh</a></p>— MJ's Gold World (@MJGoldWorld) <a href="https://twitter.com/MJGoldWorld/status/801120052254830592">22 novembre 2016</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
Togliete la parte finale, cioè questa:CODICE<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
E il gioco è fatto!
Stessa cosa vale per i tweet che includono video o gif o altro.
Quando sono presenti ,Twitter darà la possibilità di scegliere se incorporare il singolo video o il video con i commenti etc.
Attenzione: Nell'anteprima il codice caricato non apparirà esattamente come incorporato , ma come scritta semplice. ma, fidatevi, inviate, e questo sarà il risultato:Piccoli fans crescono - Heal the world? Facciamolo! https://t.co/0CpisHbkjh
— MJ's Gold World (@MJGoldWorld) 22 novembre 2016
--------------------------
Andiamo a vedere adesso Facebook
Facebook da la possibilità di Incorporare i video cliccando sul simbolo in alto a destra ( evidenziato in rosso):
Nella finestra che si apre vedrete questo simbolo : </> e la scritta Incorpora
Idem come sopra, basterà fare copia e incolla del codice che appare.
Anche Facebook da la possibilità di includere o meno i post cliccando su apposita finestrella ( purtroppo appaiono nel forum senza sfondo bianco e non si leggono benissimo, ci sono altre opzioni avanzate da modificare , ma semmai le vedremo in seguito).
Ecco come appare il codice da copiare:CODICE<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Ffrancomazzuca%2Fvideos%2F1479046549730%2F&show_text=0&width=560" width="560" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
In questo caso sarà sufficiente aggiungerlo esattamente com'è senza togliere nulla.
Il risultato:
---------------Instagram
Per Instagram valgono le stesse regole di Twitter.
E' bene precisare che l'incorporamento di foto o video da Instagram è fattibile esclusivamente dal pc, o dalla versione per pc di Instagram. Quindi non dalla app per android o iphone
Detto questo, quando siete sul video, in basso a destra, cliccate sui 3 pallini orizzontali:
Poi su: Incorpora, come da foto:
E questa è la successiva schermata, dove potrete scgliere se includere la didascalia o no:
Copia incolla e questo è come apparirà il codice:CODICE<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="7" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:36.51960784313725% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURczMzPf399fX1+bm5mzY9AMAAADiSURBVDjLvZXbEsMgCES5/P8/t9FuRVCRmU73JWlzosgSIIZURCjo/ad+EQJJB4Hv8BFt+IDpQoCx1wjOSBFhh2XssxEIYn3ulI/6MNReE07UIWJEv8UEOWDS88LY97kqyTliJKKtuYBbruAyVh5wOHiXmpi5we58Ek028czwyuQdLKPG1Bkb4NnM+VeAnfHqn1k4+GPT6uGQcvu2h2OVuIf/gWUFyy8OWEpdyZSa3aVCqpVoVvzZZ2VTnn2wU8qzVjDDetO90GSy9mVLqtgYSy231MxrY6I2gGqjrTY0L8fxCxfCBbhWrsYYAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://www.instagram.com/p/BO5hFBFAjlj/" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_blank">#tbt 1979 So cute and shy!!! I'm still trying to figure out where to get those gold pants! #prince ✨I do not own this footage or audio✨</a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">Un video pubblicato da @mila_delray11 in data: <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2017-01-05T22:01:31+00:00">5 Gen 2017 alle ore 14:01 PST</time></p></div></blockquote>
<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>
Togliete l'ultima parte e cioè:CODICE<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>
Potrete ridurne la larghezza cercate nel codice( parte in alto ) max-width: ed impostate i pixel di vostro gradimento.
Bye Bye
Edited by Valerie77 - 9/1/2017, 10:23.