IMMAGINI HELP

NON RIESCI A INSERIRE LE IMMAGINI? ECCO LA MIA PICCOLA GUIDA IN TUO AIUTO. SE TI SERVONO ALTRE INFORMAZIONI PER POTER INSERIRE L'IMMAGINE DI SFONDO E L'IMMAGINE DEL TEMPLATE [HEADER] SUI NUOVI TEMPLATES BASE DI SPLINDER, TROVI UNA MIA GUIDA SU ISTRUZIONI IMMAGINI
PER CONTATTI MI TROVI CLICCANDO SU VIRTUALBLOG

Consultato da *loading* Bloggers. Hai linkato Virtualblog nel tuo Blog? grazie.

 

Codice per inserire l'immagine nelle colonne laterali

Procedete in questo modo, aprite il codice html del vostro Template e come punto di riferimento cercate le parole che in questo Blog sono: "Link", "Ultimi Commenti", "Archivio", "Feed" e "Contatore (le scritte possono differenziarsi se non usate i Template base di Splinder).
In questo esempio la mia gif animata "Buonanotte da Pattinando", l'ho inserita subito dopo i "Link".
Per metterla in questo punto ho localizzato nel codice html la tag del codice dei Link e subito dopo il codice di chiusura </div>, ho inserito il codice per l'immagine in colonna che ho evidenziato in rosso.
Questo codice rende cliccabile l'immagine se volete utilizzarla per far aprire un link (in questo caso, cliccando la gif si aprirà il mio Blog).
Per non alterare il layout del template, l'immagine che andate a inserire in colonna, non deve superare la larghezza effettiva della vostra colonna. In questo esempio, la larghezza originale dell'immagine è di 255x237 pixel, ma è stata ridimensionata ai valori 160x150, come potete vedere nel codice sottostante.

Ricapitolando, in sintesi, individuate il punto dove inserire l'immagine, agganciate il codice immagine subito dopo il tag di chiusura, come qui sotto riportato (il codice da copiare è quello in rosso, sostituite i miei indirizzi url con i vostri indirizzi url per l'immagine che avete scelto)..

<div id="section">
<h2 class="sectiontitle">Link</h2>
<p><$BlogLinkOut$></p>
</div><br><center><a href="http://virtualblog.splinder.com" target="_blank"><IMG
SRC=" http://img234.exs.cx/img234/5900/nottepattinando3co.gif" border="0"
width="160" height="150"></a></center><br> 

Postato da: Pattinando a 10:05 | link | commenti (20) | commenti (20) popup

 

POST - INSERIMENTO IMMAGINE

Navigando su Internet hai scelto un’immagine che ti piace e che vuoi inserire nel tuo post. Devi posizionare il mouse sull'immagine che hai scelto, cliccare con il tasto destro, scorrere l'elenco, giù in fondo cliccare su proprietà e copiare con il mouse (funzione copia e incolla), tutto l'indirizzo url, dove leggi indirizzo: (URL) es: http://www.deborahwatsonmd.com/images/art-baby-hires.jpg

Per inserirla nel tuo post, apri l'editor di Splinder,

quello che utilizzi per inserire i tuoi testi, guarda la barra dell'editor, devi cliccare sull'iconcina che ho cerchiato. Dopo che l'hai cliccata si aprirà la mascherina "Proprietà immagine" che vedi qui sotto. Da questa mascherina, puoi controllare nell'anteprima, tutto quello che avviene mentre inserisci i vari comandi per determinare la grandezza, la distanza, la posizione dell'immagine, nel contesto del post in cui la stai collocando. 

 

In dettaglio

· Dove leggi "URL" :

- devi inserire l'indirizzo url dell'immagine che vuoi pubblicare [se precedentemente l'hai memorizzata con il mouse, con la funzione copia e incolla, per inserire l'indirizzo url in questo punto devi posizionare il mouse, cliccare con il tasto destro e poi su incolla, oppure puoi utilizzare la combinazione tasti CTRL+V]

· Dove leggi "Testo alternativo" - Qui se vuoi puoi inserire un testo da far visualizzare quando si posizione il mouse sull'immagine. Nel mio caso, ho scritto Virtualblog/Pattinando.
· Dove leggi "Larghezza" inserisci un valore, nel mio caso ho scritto 100

· Dove leggi "Altezza" il valore 107 è inserito automaticamente, se non viene bloccato con l'utilizzo "Blocca rapporto", cliccando sull'apposita iconcina lucchetto colore celeste. Per sbloccare il rapporto, cliccare sull'iconcina posta a fianco dell'iconcina a forma di lucchetto.

· Dove leggi "Bordo" puoi mettere un valore per incorniciare l'immagine, non inserire nessun valore se non vuoi la cornice all'immagine

· Dove leggi "HSpace" il valore inserito per distanziare orizzontalmente  l'immagine dal bordo del testo

· Dove leggi "VSpace" il valore inserito per far scendere verticalmente l'immagine rispetto al primo rigo orizzontale del post, visibile nell'immagine anteprima qui sopra

· Dove leggi "Allineamento" scegliere dal modulo a discesa la voce per posizionare l'immagine, rispetto al testo, nel mio caso, posizionata a sinistra.

Adesso puoi inserire l'immagine nella text area dell'editor cliccando su "OK". Puoi ulteriormente interagire con l'immagine cliccandola con il mouse. Si visualizzerà una cornice con dei quadratini bianchi, che ti permettono di modificare la grandezza dell'immagine utilizzando il mouse manovrando sui quadratini che vedi attorno all'immagine. Quando sono evidenziati i quadratini bianchi puoi provare a cliccare sulle iconcine che normalmente utilizzi per allineare il testo. Con queste puoi posizionare l'immagine, a sinistra, al centro, a destra.

Adesso puoi pubblicare l'immagine cliccando su "Pubblica post".

Postato da: Pattinando a 11:42 | link | commenti (15) | commenti (15) popup

INSERIMENTO IMMAGINI CHE HAI MEMORIZZATE NEL TUO COMPUTER  

Le immagini presenti nell tuo hardisk, non puoi inserirle direttamente nel  tuo Blog. Per farlo, devi prima scaricarle in un tuo spazio web e dal tuo spazio web, se te lo permette, linkarle e inserirle nel tuo template e nei tuoi post. Tra i siti che offrono uno spazio web gratis c'è Altervista http://www.altervista.org/ dove in homepage, potete iscrivervi, seguire le istruzioni e ottenere lo spazio web gratis.
ATTENZIONE, per recenti disposizioni di Altervista,  le immagini caricate nel suo spazio web,  per essere visualizzate esternamente, devono essere collocate in una specifica cartella  chiamata  _altervista_ht  Se non trovi questa cartella, la devi creare. In questa cartella, devi mettere tutte le tue immagini, perché solo da questa cartella è possibile vedere le immagini esternamente.

IL MIO CONSIGLIO

Per una gestione delle immagini che non comporta iscrizioni, limitazioni o altro, completamente gratis, consiglio l'utilizzo dello spazio web offerto dal sito  http://www.imageshack.us/  L'utilizzo è semplicissimo, cliccando su  http://www.imageshack.us/ , si visualizzerà lo schema sotto riportato.
Per prima cosa bisogna cliccare su "Sfoglia" (Sfoglia significa che l'immagine che vuoi mettere online, l'hai precedentemente salvata nel tuo computer e "sfogliando" la devi andare a recuperare dalla cartella in cui l'hai salvata. Quando hai individuato l'immagine che vuoi mettere online la devi cliccare, poi devi cliccare su "Apri". A questo punto la tua immagine è pronta per essere caricata nello spazio web, devi cliccare su "Host it!", attendere il caricamento dell'ìmmagine (uploading), poi quando terminato, tra gli indirizzi url elencati in pagina, devi prelevare l'ultimo indirizzo, dove a margine è scritto "Direct link to image". Questo è il link da utilizzare per far visualizzare la propria immagine online.

Qui sotto, visivamente i passaggi riferiti alla spiegazione di cui sopra. 

 

 

 

 

 

  

 

 

BUONO ANCHE IL  SUGGERIMENTO DI NONSOLOGEOMANGIO

beh, con windows xp... fai una cartella e ci metti le tue immagini... sulla cartella aperta, a sinistra, appare un elenco di opzioni, fra cui "pubblica cartella sul web". Segui le istruzioni... in pratica ti fa aprire un gruppo su msn (devi anche crearti una casella di posta gratuita msn) è tutto gratis e semplice, le immagini inserite si possono eliminare o aggiornare. easy.

OTTIMI SERVIZI ANCHE QUELLI OFFERTI DA  PHOTOBUKET  TINIPIC  e  ALLYOUCANUPLOAD

Postato da: Pattinando a 17:52 | link | commenti (12) | commenti (12) popup

CODICE PER INSERIRE L'IMMAGINE NEI COMMENTI  

Per inserire le immagini nei commenti utilizza il codice sottostante (sostituisci il mio url con l'url della tua immagine), con l'accortezza di non utilizzare immagini troppo grandi per non alterare il form commenti.

<img src=" http://www.pburglib.com/clown.gif "> <br>

Se l'immagine è troppo grande, per ridimensionarla, utilizza questo codice che ti permette di calibrare l'altezza height e la larghezza width, inserendo opportuni valori numerici.
 
<img height="206" src="http://installa.sicilian.net/torta.gif" width="200" alt="torta" />

Postato da: Pattinando a 17:50 | link | commenti (45) | commenti (45) popup

PROCEDURA PER RIDIMENSIONARE UNA IMMAGINE DA PUBBLICARE NEL POST E RENDERLA CLICCABILE PER FARLA VISUALIZZARE NELLA SUA GRANDEZZA ORIGINALE

Questa immagine nel post è stata ridimensionata e resa cliccabile per aprirla esternamente per visualizzarla alla grandezza originale. La procedura da seguire è questa.

Devi inserire nell'apposito form per le immagini dell'editor di splinder, quello che usi normalmente per pubblicare i tuoi post, l'indirizzo url dell'immagine che vuoi pubblicare, curando di inserire i valori numerici per ridimensionare da subito l'immagine prima di pubblicarla, mettendo 100 dove leggi "Whith" riferito alla larghezza e 100 dove leggi "Height", riferito all'altezza.

Fatta questa operazione, devi cliccare sul quadratino dove leggi Codice e troverai visualizzato nell'editor dove si pubblicano i post, tutto il codice dell'immagine simile a questo ottenuto manualmente senza tener conto degli asterischi <*IMG height=100 hspace=5 src="http://digilander.libero.it/ilsentierogiusto/nuovo%20sg/virtual.jpg" width=100 align=left border=0*>. A questo punto, davanti a <*IMG ecc.. ecc.., devi inserire <*A target=_blank href="http://http://digilander.libero.it/ilsentierogiusto/nuovo%20sg/virtual.jpg "*>, togliere l'opzione dal quadratino HTML e pubblicare. Si visualizzerà tutto il codice nel post. Vai su aggiorna e poi nuovamente su pubblica post e se è tutto ok nel tuo post sarà pronta la tua immagine ridimensionata e pronta per essere cliccata per farla visualizzare alla sua grandezza originale.

Questa procedura che ho descritto è stata realizzata precedentemente alla nuova implementazione dell'editor di Splinder. Volendo, per i più esperti, si può ottenere lo stesso risultato, utilizzando il nuovo editor di Splinder, inserendo l'indirizzo url dell'immagine cliccando sull'icona Inserisci/modifica collegamento e inserendo sempre l'indirizzo url anche nell'icona Inserisci/Modifica immagine. Si ottiene una stringa codice simile a quella che ho pubblicato nell'esempio di cui sopra, se il tutto viene completanto inserendo le varie opzioni come l'altezza e la larghezza dell'immagine e il target=_blank riferito al collegamento.

Spero di esserti stato utile, per contatti mi trovi cliccando qui ----> Virtualblog  

Postato da: Pattinando a 17:44 | link | commenti (5) | commenti (5) popup