H T M L Blog

Ultimamente MyBlog.it la piattaforma che ospita i Nostri bèi Blog (proveniente dalla francese blogspirit),  si è notevolmente miglirata; la piattaforma ha fatto dei cambiamenti ed ha aggiunto delle nuove possibilità di 'personalizzazione',.

Oggi ne prendiamo in considerazione in particolare una: il 'footer' del post, cioè la parte finale di ogni articolo.

partendo sempre dalla pagina di amministrazione del blog o dashboard , quindi quella da cui scegliendo 'aggiungi un nuovo post', cioè da dove posso scrivere un nuovo articolo - giusto per intenderci - clicchiamo su

'pannello di controllo' e troveremo 3 riquadri a Noi interessa

'opzioni di visualizzazione' in questo riquadro possiamo scegliere quello che far vedere; eccola:

Ci sono vari tipi di programma per creare antipixel , o bottoni o banner qui piccoli rettangolini in cui poter scrivere appena le iniziali del proprio Blog e con cui poi aiutarsi per lo scambio dei banner, come potete vedere nella colonna destra di questo Blog, e che ora ho messo come esempio in alto a destra in questo articolo

Anche se andando in questa pagina di risorse gratis per Blogger ne possiamo trovare svariati, secondo me, la cosa migliore è usare quei siti che permettono di creare online gli antipixel.

Ce ne sono più d'uno ma il migliore è questo: www.pixelbutton.com.

Innanzitutto non bisogna avere nel proprio computer programmi che magri si usano una volta ogni morte di papa, e che comunque appesantiscono e fanno confusione, inoltre questo in particolare è molto semplice, chiaro, bisogna solo avere l'accortezza di scaricare l'antipixel che si è creato e meterlo nei file del Nostro Blog oppure in uno dei tanti siti di file sharing grtuiti del web tipo photobucket o imageshack.

Ormai con la scusa di passare al digitale terrestre, chi se lo può permetere quest'anno si comprerà un bel televisore di ultima generazione: HD,  schermo piatto, Lcd, digitale terrestre incorporato, presa HDMI...

Sì, perchè dopo aver visto quale scegliere tra Tv al Plasma e Tv Lcd, oggi Vi proponiamo un bell'affare che abbiamo visto sui negozi della catena di distribuzione Mediaworld.

Si tratta del televisore LG TV LCD 32” 32LF5700, a 549 Euro.

LG nel campo dei televisori, è una delle migliori scelte che si possano fare. Io stesso ho avuto monitor LG tipo Lcd di cui non posso dire che bene, cosa che, unita ad un prezzo solitamente molto concorrenziale, ed ad un'assistenza di tutto rispetto,  ne fanno una delle marche più vendute in Italia.

Questo televisore Lcd da 32 pollici ( misura da prendersi nel senso trasversale dello schermo, quindi particolarmente grande) oltre alle opzioni indispensabili di cui sopra offre queste specifiche caratteristiche:

Fino poco tempo fa aggiungere una video playlist di YouTube ad un post era molto semplice: una volta scelti i brani Youtube Ci indirizzava al codice 'embed' da copiare e incollare sul Nostro post.

Ora non è più possibile e dobbiamo creare il codice Html da soli ecco come fare:

Credo che il mangiare sia uno dei piaceri della vita.
Attenzione: l'immagine sotto è un immagine formato .gif, di quelle che 'si muovono'; sono molto pesanti e quindi sconsigliate da mettere in un Home Page...
In pratica non esistono piatti che Te li mangi e dimagrisci, per questo negli anni della mia adolescenza ero un pò 'pesantuccio', niente di che, vista l'altezza che compensava, ma quando provai per la prima volta questo tipo di pietanza, capii subito che avevo trovato il cibo perfetto: più ne mangi e più dimagrisci: ed è squisito!!!
Siete curiosi? ecco

Google Gadgets sono una serie di strumenti gratuiti per Blog, siti e pagine web, scritti in Html o javascript, che i vari programmatori mandano a Google e che poi tutti Noi, Bloggers o Webmasters possiamo usufruirne appunto, gratis.
Purtroppo non sono molto pubblicizzati ( sicuramente perchè nessuno ci guadagna soldi direttamente...).
Ce ne sono per tutti i tipi di Blog

Innanzitutto spero che abbiate già iscritto il Vostro blog a Feedburner; se non lo avete fatto, fatelo: www.feedburner.com/ oltre ad essere gratuito Feedburner (ora un'azienda ora di Google) offre agli utenti tantissimi 'gadget' per ottimizzare e pubblicizzzare i propri feeds, inoltreserve per conteggiare i lettori di un blog. questo 'conteggio' è particolarlmente importante, in quanto è quello che poi

A volte, in dei Blog si legge: "preleva il codice" e poi c'è un riquadro: come si fa a metterlo su un Blog?
Innanzitutto anremo a 'fare' un banner, ci sono molti servizi gratuiti che lo offrono, ma andate qui: http://tools.blogflux.com/buttonmaker/#
Fatto e salvato nel Pc l'antipixel, il riquadro che bisogna fare, si chiama form, o 'modulo' o 'textarea' e  può servire per varie cose,ma Noi lo utilizzeremo per lo
scambio di banner, che poi è come dire uno 'scambio di links'  . 
Per scambiare i banner ci vuole il tag  Textarea, zona così chiamata da poter mettere in una colonna o in un post (comunque dove si possa inserire codice html, naturalmente) in cui scrivere il testo che vogliamo, di solito viene utilizzato quando serve spazio per inserire molto testo. La larghezza e' impostata da "cols" e l'altezza da "rows". Invece WRAP="physical" stabilisce che qualora il testo inserito superi la larghezza della finestra, venga automaticamente riportato a capo.  Andiamo su "HTML"  e proviamo a inserire il codice di seguito:                                                                 <TEXTAREA cols=50 rows=4 WRAP="physical" name="commento">inserire il testo desiderato  qui</textarea>


Ed ecco il form che si è creato .
Ora per farlo più piccolo o più grande , a secondo dello spazio a Nostra disposizione, dovremo agire sulle unità espresse di altezza e larghezza sono in pixel, e dovremo modificare questi numeri cols per orizzontale e rows per verticale. 

La barra dell'indirizzo è situata in alto nel Vs. browser, sia si tratti di Internet Explorer che di Firefox; quando Salvate un sito che Vi interessa nei preferiti di I.E. o nel 'segnalibri' di Firefox vedrete, prima dell'indirizzo del Vs. sito (nel caso di questo  http://html.myblog.it) un piccolissimo disegnino , alla sinistra del testo che si chiama appunto FAVICON , cioè icona 'favorita'. Personalizzarla è molto semplice se si osservano scrupolosamente le seguenti spiegazioni. Innanzitutto sceglieteVi un simbolo semplice, con pochi colori e tutti molto diversi da loro, questo perchè quando andrete a rimpicciolire la foto (un icona è generalmente 16X16 pixels ) i colori -e anche i tratti- tenderanno a 'fondersi' e a sciupare l'immagine finale. C'è un programmino che ho usato anche io per rimpicciolire le 'icone' GRATUITO si chiama IMAGICON e che consiglio in quanto sicuro, leggerissimo e Vi rimarrà nel Pc in modo che non dovrete andarlo a cercare ogni volta: è in inglese, ma le istruzioni sono chiare e POCHE, inoltre alla funzione principale può trasformare i file con desinenza .BMP, JPG E PNG in quelli che vi farnno più comodo. Ci sono anche altri modi per ridimensionare le foto in questa pagina troverete 80 tools diverse, tutte utility per chi scrive sui Blogs; a Voi la scelta. Una volta che avrete salvato l'iconcina che volete Vi rappresenti la metterete direttamente dentro i file del Blog in cui scrivete, almeno siete sicuri di averla sempre a portata di mano. Perciò andiamo : PANNELLO DI CONTROLLO, apriamo GESTIONE FILES qui è consigliabile aprire il file IMMAGINI almeno Vi ricorderete dov'è e caricate il file. ora il file avrà una estensione del tipo http://html.myblog.it/images/Italy.jpg (ATTENZIONE: Myblog non digerisce, cioè non visualizza- un'immagine con estenzione .ICO perciò se ne avete una così prima cambiatela in .jpg) scrivete questo 'script' Nel Codice HTML, alla sezione -->>OPZIONI AVANZATE, poi in -->>>PRESENTAZIONE dunque -->> MODIFICA  HOMEPAGE., poi -->>MODIFICA MODELLO . In  cima ai codici troverete la stringa del titolo <title>bla ..bla...</title> QUI, subito dopo metterete la Nuova stringa con la Nuova FAVICON  con la vostra FAVICON  : <link href='http://html.myblog.it/images/Italy.jpg' rel='shortcut icon'/> ; e salvate.  Il testo in rosso lo dovrete sostituire con  L'immagine che VOI avrete scelto.  Una volta che avrete fatto questo lavoro dovrete aspettare qualche secondo che l'Hosting serv ice di MyBlog carichi il tutto e controllerete se tutto va bene: Possibilmente controllate se la FAVICON è visibile sia in Firefox che in Internet Explorer. Io, Ho scelto di sacrificare l'utenza di I.E. ma avere una Favicon più grande, ma I.E. non supporta più di 16X16 pixel. In questo modo quando qualcuno salverà il Vostro Blog lo ritroverà subito dall'immagine che ci avrete messo. Buon divertimento.

I browser ( Internet Explorer a pagamento, Firefox gratuito ) sono programmi in grado di interpretare il codice HTML e visualizzarlo sotto forma di testo e immagini ( detto ipertesto). Il primo Browse fu chiamato WorldWideWeb (dimostrativo) e fu la base di quelli moderni. Uno dei successi del Web fu, ed è tuttora, oltre l'usabilità ( con lo stesso codice si potevano viusalizzare, a parte piccole differenze, le stesse immagini con tutti i tipi di browser), i LINKS (trad. i collegamenti); cliccando in un testo o in un immagine si va da una pagina all'altra del Web.
L'HTML è caratterizzato da marcatori o tag, che hanno l'ordine di visualizzare una determinata funzione : sono messi tra parentesi uncinate eccole in rosso <  > . Se voglio visualizzare in queste righe l'immagine (precedentemente caricata nel file di questo blog a questo indirizzo http://html.myblog.it/images/Bandiera_Italiana.jpg ) quindi ecco tutta la stringa - semplice- che serve per viusalizzare un immagine oppure:<img src="http://html.myblog.it/images/Bandiera_Italiana.jpg" alt= "Bandiera Italiana>  , Dove src sta per l'INDIRIZZO dove si trova l'immagine alt l'eventuale scritta che potrà comparire se l'immagine per qualche motivo non dovesse vedersi. Se invece alla stringa che ho scritto sopra aggiungo anche altre istruzioni in modo che l'istruzione sia il più completa possibile e gli dirò  come DOVE posizionarsi cioè align e lo SPAZIO  che voglio lasciare fra l'immagine e l'eventuale scritto cioè wspace per lo spazio width  e cioè le dimensioni -per larghezza-;  hspace per quello in alto e sotto, cioè, la dimensione di altezza dell'immagine: height ;  quindi un eventuale BORDO dell'immagine border . Ecco la stessa immagine che però voglio far comparire nel lato destro (se non è specificato  comparirà  a sinistra) , in mezzo al testo , però con 3 pixel di distanza dal testo stesso e con una cornice di altri 3 pixel. <img border="3" wspace="3" align="right" width="105" src="http://html.myblog.it/images/Bandiera_Italiana.jpg" hspace="3" height="69" /> . Una volta che si sanno questi parametri potrò mettere l'immagine che voglio DOVE voglio, e non come l'Editor vuole. Inoltre, una volta tolti i comandi che non mi interessano la stessa cosa farò per un eventuale testo. Se vogliamo che la medesima immagine ci porti in una specifica pagina, per esempio nel vecchio HTLM Blog old version ecco come sarà lo script.  <a href: "http://html.myblog.it" target= "_blank" title= "HTLM old version"><img  src="http://html.myblog.it/images/Bandiera_Italiana.jpg" width="105" height="69" alt="Htlm Blog old version" align="right" vspace="3" border="0"  /></a>. Dove target sta ad indicare dove andare e _blank significa a prire una nuova finestra ( coi nuovi browser una nuova scheda) ; title il nome della pagina stessa e infine, l'ultimo /a indica la CHIUSURA del tag. Ora basta troviate un immagine che Vi piace e con questo 'script' potete usarla come 'firma' in Forum o in , commenti o quant'altro.   Carina? Vediamo come si fa a linkare il testo che è MOLTO SEMPLICE. Diciamo che voglio che cliccando su BlogMasterPg l'utente si ritrovi nel Mio Blog principale ecco che dovrò scrivere. < href="http://blogmasterpg.blogspot.com/">BlogMasterPg</a>, dove href sta ad indicare DOVE è l'indirizzo del testo in questione ; in pratica lo stesso identico attributo, o tag src solo che src è per le IMMAGINI e href è per il TESTO. Semplice, no?  Per ora fermiamoci qui. queste sono le cose più importanti da sapere per i LINK a testo e link a immagini . 
ATTENZIONE: se sbagliate solo una lettera o una virgola nel testo non vi comparirà nulla, quindi quando si scrive in HTML bisonga stare MOLTO attenti a non sbagliare: I browser sono macchine, quindi stupide e non riconoscono un errore picccolo da uno grande. Buon divertimento.