22/11/2008

AGGIUNGERE L'ICONA DEI FEEDS AL BLOG

Innanzitutto spero che abbiate già iscritto il Vostro blog a Feedburner; se non lo avete fatto, fatelo:icona-feed.png 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

Continua...

22/08/2007

FAVICON: PERSONALIZZIAMO LA BARRA DELL' INDIRIZZO DEL NOSTRO BLOG

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.

05/08/2007

Personalizziamo il Blog

Secondo me un Blog non è tale (cioè l'espressione su un Pc dei pensieri di chi lo scrive) finchè non è personalizzato.  Per quanto riguarda l'ottimizzazione' le regoline sono semplicissime: se si cambia qualcosa all'interno dell'HTLM o del CSS bisogna farlo rispettandone i relativi parametri e cercando di metterci contenuti il più leggeri possibili a livello di Kb o Mb di memoria e facilmente fruibili o,  come dicono gli americani "usability" da tutti.oltre che queste regolette che sono tecniche, per me ce ne sono anche di estetiche fondamentali (altrimenti che italiani saremmo , visto che siamo apprezzatissimi per il Nostro gusto e style-life?). Ecco che basta cambiare l'Header di un Blog cioè quella striscia di presentazione in alto che l'impatto visivo cambia completamente, così come un "riarrangiamento" dei contenuti nella/e colonne. Finalmente, ieri sono riuscito a capire come funziona cambiare l'header( almeno per questo modello) . Bisogna andare su -->>PRESENTAZIONE  -->>OPZIONI AVANZATE -->>FOGLIO DI STILE -->MODIFICA MODELLO. Qui, una volta aperto il 'foglio a cascata del CSS', così si chiama dovremo scorrere il mouse finchè al 5 o blocco di codice troveremo questo: #banner {
    width:925px;
    height:168px;
    background: #FF8400 url('http://html.myblog.it/images/Header_HTLM_Blog_925X168.jpg') no-repeat;
    color: #fff;
    margin-left:auto;
    margin-right:auto;
    line-height: 140%;                                                                                    A questo punto troverete i numeri segnati in verde che sono le misure dell'header. Questo l'ho preso da QUESTO  CSS : in pratica una volta che avremo trovato un'immagine che ci piace bisognerà portarla a quelle dimensioni: in verde:  925 pixel di grandezza e 168 pixel di altezza, QUI troverete degli indirizzi utili dove andare a cercare le suddette immagini. A questo punto, cioè ho trovato l'immagine, l'ho fatta dientare delle dimensioni che voglio va caricata, o  'hostata'. Il metodo migliore è usare i file del Nostro blog MyBlog.it. Perciò andremo su -->>GESTIONE FILE -->>IMAGES e da qui potrà caricare l'header che precedentemente abbiamo scelto e costruito. Una volta caricato, copieremo la 'query' cioè l'indirizzo completo quello in celeste di http://ecc. eccetera..  . Per trovare immagini, foto, o Header completamente gratis di vario formato e stili, provate ad andare in questa pagina di risorse gratuite per Blog, male che vada troverete sempre ualcosa che Vi farà comodo come srisorsa per il Vostro Blog