domenica 15 febbraio 2015

Novità su Fingercooking


Da oggi è possibile inserire immagini e video anche nei commenti!
Le istruzioni, molto semplici, sono riportate sopra al box dei commenti. 
In sostanza basta scrivere l'URL (indirizzo internet) dell'immagine o del video che si vuole inserire tra due appositi marcatori, senza lasciare spazi vuoti. Ecco come prelevare una immagine da Google e inserirla in un commento con pochi clic del mouse:













Il marcatore [img] significa "inizio codice immagine", mentre [/img] sta per "fine codice immagine".

Per inserire un video di YouTube seguiremo la stessa procedura, ma l'URL del video andrà incollato tra i marcatori [video]e[/video]. Tutto qui!

Vengono supportate immagini in formato jpg, png, gif e video di YouTube e Vimeo (per i video di Vimeo vedi nostra pag Info).

Per rendere effettiva questa semplice procedura è stato necessario modificare il codice del blog. Infatti le impostazioni standard di Blogger (la nostra piattaforma) non prevedono questa funzione. Ma cercando in rete si trovano le istruzioni su come infilarsi tra più di duemila stringhe html e modificare alcune righe del codice. Niente di straordinario (straordinario è il lavoro che alcuni programmatori condividono in rete!), in sostanza è bastato eseguire alcuni copia/incolla... con mooooolta attenzione.

Ovviamente la nuova funzione va utilizzata quando necessario, evitando di appesantire i commenti.
Sicuramente i cookers sapranno sfruttarla con intelligenza, per approfondire i propri interventi e rendere le discussioni ancora più interessanti. Evviva!


84 commenti:

  1. Ottima ulteriore possibilità...grazie Perry
    (anche se poi raramente ne ho sentito la mancanza)

    RispondiElimina
    Risposte
    1. la tua laconica parentesi mi fa pensare agli smartphone! Erano telefonini per comunicare a distanza, grande tecnologia! Poi ci hanno "regalato" un sacco di opportunità di cui non sentivamo la mancanza, e oggi è pieno di automi che se ne vanno a testa bassa su un micro-schermo, incapaci di comunicare con quelli che hanno lì di fianco! Mi fai sentire come un odiato provider telefonico! :DDD
      Ma confido che i cookers siano persone intelligenti!

      Elimina
  2. Provo a vedere [img]http://briansguitars.com/product/used-gibson-limited-keb-mo-bluesmaster[/img]
    se funzia

    RispondiElimina
  3. forse [img]http://www2.gibson.com/Images/Products/Acoustic-Guitars/Small-Body/Gibson/Keb-Mo-Signature-Blues-Master/LSKMVSNH1-Finish-Shot-jpg.aspx?KeepThis=true&TB_iframe=true&height=410&width=1000[/img]
    gliela cavo (sono anziano...)

    RispondiElimina
  4. Togli [img] all'inizio e alla fine.

    RispondiElimina
  5. Questo è il post giusto per le prove. Fatevi avanti!

    RispondiElimina
  6. provo anche io ( che se ci riesco io.....)
    http://www.musiccentar.com/pics/items/portal/big/2954.jpg

    RispondiElimina
    Risposte
    1. ariprovo...
      (img)http://www.musiccentar.com/pics/items/portal/big/2954.jpg(img)

      Elimina
    2. porcapaletta....
      [img]http://www.musiccentar.com/pics/items/portal/big/2954.jpg[/img]

      Elimina
    3. e andiamoooo!!!!!!!!
      Un po' esagerata , ma ho capito.... (in realtà neanche mi ero mai accorto delle parentesi quadre....)

      Elimina
  7. Ma, per caso, che si riesca anche ad inserire una traccia di SoundCloud?

    RispondiElimina
    Risposte
    1. E no, quella no! (non credo, dovrei cercare in rete se qualcuno mette a disposizione il codice...). Ma non eri quello che non sentiva la mancanza di 'ste robe?! :D

      Elimina
    2. be' visto che è possibile con foto e video, pensavo che anche con le tracce audio si potesse...
      però hai ragione: a che cavolo servirebbe in concreto?

      Elimina
  8. provo l'inserimento di una immagine molto grande...

    [img]http://www.themusiczoo.com/thumbs/images1-05-1519411_Used_D_28_Authentic_1931_1697955_a.jpg[/img]

    RispondiElimina
    Risposte
    1. ...giustamente non me la accetta: troppo grande, avrebbe deformato il layout della pagina!

      Riprovo con un'altra, vediamo fin dove regge:

      [img]http://www.reidys.com/images/products.large/martin_hd28v_1.jpg[/img]

      Elimina
    2. ...questa l'ha ridotta... come mai?!...mmh... riproviamo:

      [img]http://www.reidys.com/images/products.large/martin_hd28v_1.jpg[/img]

      Elimina
    3. ...non capisco perché in un caso ha rifiutato l'immagine, ma pare di capire che generalmente la funzione [img] ridimensiona le immagini troppo grandi. Giusto!

      Elimina
    4. riprovo:

      [img]http://www.reidys.com/images/products.large/martin_0015m1.jpg[/img]

      Elimina
    5. Allora:
      la funzione [img] giustamente ridimensione le immagini troppo grandi.
      Le immagini rifiutate avevano semplicemente un indirizzo interrotto (che portava a pagine rimosse). Tutto funzia!

      Elimina
    6. la mia immagine è più grande della tua....non te la prendere eheheheheh

      Elimina
    7. la mia è nella media italica... sto a posto! :DDD

      Elimina

  9. [img]http://www.incrediblethings.com/wp-content/uploads/resized/24e65502444e58dd036a75d692e42ae9_1_c_595x0.jpg[/img]

    RispondiElimina
  10. Prova con video di Vimeo:

    [video]https://vimeo.com/119123225[/video]

    RispondiElimina
    Risposte
    1. ...naaa! Riprovo:

      [video]https://vimeo.com/99668602[/video]

      Elimina
    2. con Vimeo la faccenda non è chiara...

      Elimina
    3. [video]http://www.fretboardjournal.com/video/vikesh-kapoor-blue-eyed-baby[/video]

      Elimina
    4. ...naaa!

      [video]https://vimeo.com/97775743#t=15[/video]

      Elimina
    5. ...naaaaaaaa!!!

      [video]https://player.vimeo.com/video/97775743[/video]

      Elimina
    6. mi sa che Vimeo abbia una protezione...

      Elimina
    7. ...naaaaaaaaaaaaaaaaaaaa!!!!!

      [video]http://player.vimeo.com/video/97775743[/video]

      Elimina
    8. ...evvai!!! Ecco un video di Vimeo!

      la procedura è un po' più pelosa rispetto al tubo. La metto nelle info.

      Elimina
  11. Provo pure io..
    http://www.soundsliveshop.com/Handlers/ProductDetail/Main/ProductDetailImage.ashx?Path=/Resources/Images/main/TWOOD-TW40-D-AN-E.jpg

    RispondiElimina
    Risposte
    1. Jan, devi racchiudere quell'indirizzo tra i due marcatori con le parentesi quadre, come nell'esempio sopra al box commenti! ;-)

      Elimina
  12. Proviamo col Tubo:

    [video]https://www.youtube.com/watch?v=G85VYsdBN2M[/video]

    RispondiElimina
  13. [img]http://www.soundsliveshop.com/Handlers/ProductDetail/Main/ProductDetailImage.ashx?Path=/Resources/Images/main/TWOOD-TW40-D-AN-E.jpg[/img]

    RispondiElimina
  14. Sei il nostro zoftwaridta di fiducia!!!! Grande Perry! Piano piano stiamo diventando seri :-))
    P.s.
    Ma chi e` l'anonimo, che ogni tanto interviene? Sarebbe meglio che si dia un nome, mi fa strano leggere "anonimo" :-)))

    RispondiElimina
    Risposte
    1. HAHAHA!!! "Zofwaridta" .....non e` sudafricano, ma e` softwarista :-)))

      Elimina
    2. Anonimo eh? Io una mezza idea ce l'avrei...ma non posso dirla, perchè se Anonimo vuole rimanere anonimo, avrà i suoi fondati motivi. Eppoi mi è simpatico: in fondo è un nick qualunque, avrebbe anche potuto chiamarsi Geronimo senza che alcuno si chiedesse: ma chi mai sarà?

      Elimina
    3. Mimmo!!! Butta via quel telefono!!! :DDD

      Elimina
  15. Dog Perfect Pitch (Cane con orecchio assoluto): http://youtu.be/B24fxpwtEIE

    RispondiElimina
    Risposte
    1. già che c'eri potevi provare coi marcatori... ;-)

      Elimina
  16. [Video]Dog Perfect Pitch (Cane con orecchio assoluto): http://youtu.be/B24fxpwtEIE[\video]

    RispondiElimina
    Risposte
    1. Questo commento è stato eliminato dall'autore.

      Elimina
    2. forse
      [video]http://youtu.be/B24fxpwtEIE[/video]

      Elimina
  17. Forse dopo aver dato l'input per la possibilità di inserire foto e video, ora sarebbe utile anche quello di cancellare i commenti di imbranati come me, no perrynson? :))

    RispondiElimina
    Risposte
    1. be' dai...è un post di prova per esercitarsi. Siamo tutti imbranati qui...non te ne preoccupare.
      Comunque il tuo commento lo puoi cancellare visto che hai la qualifica di Autore come puoi vedere poco sopra (quello che ho cancellato io).

      Elimina
    2. Anonimo, tra i due marcatori devi mettere soltanto l'indirizzo internet, cioè l'URL che hai copiato dalla barra indirizzi del browser ;-)

      Elimina
  18. [img]https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xpf1/v/t1.0-9/10958839_1024360900914464_3250029996263362813_n.jpg?oh=2b7dee5f3ea3f2207c5cbe8827993c6f&oe=554FC69D&__gda__=1431607714_6a3ecf182b084209a11a13c01911c48d[/img]

    e vrimm si c'azzecc

    RispondiElimina
    Risposte
    1. bell'albero....vendono i semi ? :-))))))))))))))

      Elimina
  19. ok,mi ritiro per deliberare....incompetente è poco :(
    P.S.
    Mr_Pone la simpatia è reciproca.

    RispondiElimina
  20. già che stiamo a provare, voglio stressare il sistema con un doppio inserimento, che per la gioia ;))) di perry sarà dedicato a:
    [img]http://www.johnfahey.com/Tribute.jpg[/img] (che foto bellissima, come si fa a non amarlo!)
    e poi: [video]https://www.youtube.com/watch?v=iip-1p3XYFU[/video] (questo pezzo sarà il mio prossimo cimento, vi avverto!)

    RispondiElimina
    Risposte
    1. vuoi stressare il sistema... o me?! :DDD
      Comunque il sistema regge! ;-)

      Elimina
  21. Bene ottimo.
    Ne approfitto per condividere un altro piccolo trucchetto che ho scoperto da poco. Nei commenti si può inserire anche un link usando i TAG html: &#60a href="url della pagina da linkare"&#62 testo... &#60/a&#62
    Invece mi piacerebbe sapere come ha fatto Stefano R ad abbreviare il post in home page con "continua a leggere" vedi allora ci siamo .

    RispondiElimina
    Risposte
    1. Argh!
      &#60 doveva essere il carattere minore (<) mentre &#62 il carattere maggiore (>).
      Ehmm ... non accetta proprio tutti i tag html ...

      Elimina
    2. ci riprovo ...
      <a href="url della pagina da linkare"> testo... </a>

      Elimina
    3. Probabilmente è possibile far fare a questo blog parecchie cose, ma bisogna sapere come modificargli il codice. Io ho trovato pezzi di codice pronti da inserire o sostituire (e le relative istruzioni) per fare in modo che il box dei commenti accetti i marcatori img e video.
      Forse la funzione "continua a leggere" è di default nell'editor dei post, ma non so come si attiva ;-)

      Provo a cercare come inserire link attivi nei commenti, che sarebbe pure comodo...

      Elimina
    4. si, il link a wikipedia è attivo e funziona! Però non si capisce che è un link. Ho provato a inserire attributi colore e a fargli aprire un'altra pagina invece di cambiare in questa, ma tutti i tag necessari non vengono accettati.
      Quindi la soluzione più semplice è scriverlo così: link a Wikipedia

      Elimina
    5. no no, ora me lo dà colorato di default, quindi andava già bene prima!

      Elimina
    6. quindi va bene l'esempio che hai messo tu!

      Elimina
  22. Risposte
    1. Si, la cosa fastidiosa è che il link non appare sottolineato e di colore blu come dovrebbe essere di default ed è così anche per i link inseriti nel testo del post. Potrebbe quindi essere dovuto ad una impostazione del foglio di Style CSS (vedi qui) ...
      Per la funzione "continua a leggere" bisognerebbe chiedere a Stefano R come si attiva, visto che lui l'ha usata!

      Elimina
    2. Per continua a leggere è molto semplice: c'è una apposita icona nella barra degli strumenti dell'editor dei post.
      E' spiegato quì.

      Elimina
    3. 'sti link funzionano, ma non appaiono nè colorati nè sottolineati (come il tuo link "qui"), quindi sono praticamente invisibili! Comunque vado a leggerlo, grazie!

      Elimina
    4. era proprio quello che dicevo io, ma non l'ho mai utilizzato perché se fai l'anteprima del post non si vede!

      Elimina
    5. cioè, i link appaiono colorati solo dopo che li hai cliccati, probabilmente nel css è specificato solo il colore del link "usato"

      Elimina
    6. Tornando al "continua a leggere" è probabile che nell'anteprima non funzioni (come non funzionano i video), ma pubblicato il post sembra che funzioni, come nell'esempio che ho citato di Stefano R. (POST "Allora ci siamo" del 5 gennaio, sezione: liuteria)

      Elimina
    7. Sicuramente. Io non l'ho mai usato proprio perché nell'anteprima non sembrava funzionare e invece va. Meglio così, abbiamo scoperto un'altra funzione utile.

      Elimina
  23. perry io mi impiccio abbastanza di css + html, per cui se fai un copia/incolla di tutto il codice del foglio di stile in un file .txt, file del blocco note, e me lo mandi per e-mail, dovrei facilmente individuare la stringa dei link e aggiungere un marcatore per il colore.

    RispondiElimina
    Risposte
    1. ti posso mandare il backup del "modello" del nostro blog, lì ci trovi anche la parte di codice del foglio di stile. Poi me lo rimandi e io lo carico!

      Elimina
    2. Già risolto ansgar, bastava regolare i colori dei link nel Designer del Modello! (colpa mia).
      Siccome anche i titoli dei post sono dei link, avevo optato per un sobrio nero, col risultato che tutti i link erano neri come il testo! Ora ho dovuto optare per un marroncino in tinta col layout... ;-)

      Elimina
    3. ottimo, ho notato! bene così!

      Elimina
    4. allora è meglio che quello che ti ho appena mandato non provi nemmeno a caricarlo, che il colore l'avevo impostato sul beige! ;))

      Elimina

-------------------------------------------------------------------------------------------------------------------
Per inserire una immagine nel commento scrivi: [img]URLdell'immagine[/img]
Per inserire un video nel commento scrivi: [video]URLdelvideo[/video]