In questa pagina ho raccolto alcuni dei contenuti scaricabili gratuitamente dal Falsomagro, visto che i post che li contengono non sono contraddistinti da una tag precisa:
Download Gratis:
topolona-boy.wav
Suoneria Bella Topolona (Mosh di Nokia)
Segreteria Sorcino Niente suoneria del Sorcino? Rifatevi con la Segreteria
babbo natale 2.0 Un Babbo Natale in versione web 2.0
tema-blogger-1024-appufoto.txt Il template a 1024 pixel che ho utilizzato per il blog Appunti Fotografici
google-adsense.jpg Il logo di Google AdSense vodafone-logo.jpg
Sfondo ‘Stripe’ Uno sfondo a strisce nere e verdi da utilizzare per blog, siti o pagine web
work.png Icona ‘Lavori in corso’ in perfetto stile web 2.0
Icona ‘Blog 2.0′ 
Icona ‘Web 2.0′ 
Potrei definire per il momento concluso il lavoro sulla barra in fondo ai post: dopo l’inserimento del link per la segnalazione dei miei post su OKNotizie, oggi è la volta del collegamento al plugin ‘Random-Post‘.
Dato che il bottone in cima alla sidebar non sembrava riscuotere un gran successo, ho provato a replicarlo nella barra in fondo ai post. Inizialmente pensavo di aggiungere un nuovo bottone, ma la procedura si è rivelata più complicata del previsto.
Dato che, però, i due bottoni nella parte sinistra puntavano (seppur con sintassi diverse ‘#comments‘ e ‘#respond‘) ai commenti, ho deciso di eliminare il secondo a favore del bottone ‘random‘.
In pratica nei fogli index.php e single.php ho modificato (come mostrato nella puntata precedente) il collegamento (sia la keyword che l’indirizzo) e poi nel foglio di stile (style.css) ho modificato l’immagine della classe .postmetadata, associandone una appositamente creata con Photoshop (modificando il colore di quella presente in precedenza e aggiungendo il punto interrogativo).
Ora lo tengo monitorato e vedo se funziona meglio replicato in quella posizione.
Da quando sono passato al nuovo template a oggi è passato un po’ di tempo e tanti piccoli interventi di miglioramento. L’ultimo in ordine di tempo è quello sul link ‘Share it‘ che si trovava nella barra in fondo ad ogni post, per l’esattezza in fondo a destra. Ora è diventato un link per segnalare direttamente le notizie in OKNOtizie, il famoso aggregatore di news ‘user generated‘ in perfetto stile web 2.0.
Per farlo ho modificato una delle sottoclassi della classe postmetadata all’interno del CSS, nei file index.txt e single.txt che sovraintendono alla generazione dell’homepage e delle pagine con i singoli post. Per l’operazione ho utilizzato come sempre SmartFTP, usando il comando edit: in questo modo editando e salvando i file vengono caricati direttamente sul server online (occhio quindi che qualsiasi cambiamento dopo il SAVE va online!!).
Qui sotto vi metto in un’immagine la modifica che ho effettuato ne codice del tema:
Leggendo i ‘3 modi per gestire un blog‘ di GuadagnareConUnBlog, mi sono finalmente deciso a modificare l’ultimo elemento della mia sidebar, prima definito links e ora ‘Contatta il Falsomagro‘. Fino ad oggi era rimasto tale e quale al template originale, in attesa di un destino più bello, che ho finalmente trovato.
Dapprima ho trovato la parte del codice che a quel box fa riferimento, individuando la giusta riga all’interno del file sidebar.php, e poi mi sono dato alle modifiche. Le immagini (vi lascio per un po’ di esempio l’ultima rimasta) erano già linkate ma puntavano a un indirizzo inesistente ‘#’.
Mi è stato sufficiente inserire il link giusto, nel primo caso un comando ‘mailto‘ che punta alla casella email che ho dedicato al blog, nel secondo l’indirizzo del mio profilo Facebook, e poi creare, caricare, sostituire nel codice l’immagine adatta.
Ora sono indeciso su come sfruttare il terzo spazio: voi cosa ne dite? Un instant messenger? Il profilo LinkedIn? Uno spazio pubblicitario? A me tenta l’ultimo, qualche consiglio che non sia un AdSense Google?
Prosegue la cronaca del passaggio del Falsomagro al tema a tre colonne, dopo le puntate I e II. Oggi vi parlo della barra in basso a ogni post, mentre lo sfondo del titolo di ogni post lo rimando alla prossima puntata, in quanto è ancora in fase di ottimizzazione.
Per un sacco di tempo la barra è rimasta del colore originale dell’iPhone Theme, ossia nera con effetto smusso. Mi sono poi deciso a cambiare l’immagine che la costituisce (metadata-bg.png) facendola virare al verde, per amalgamarla agli altri elementi del template. Come già descritto nei post precedenti ho utilizzato la funzione regola colore di Photoshop Elements 6 per questa operazione.
Una volta messa l’immagine nel database online sul server via FTP scopro che le immagini relative agli elementi della barra (Comments, Post Comment, Share) non sono semplici immagini in trasparenza, ma dei veri e prori tasselli con lo stesso colore di sfondo della barra.
Sempre con Photoshop, utilizzando la gomma, campionando il colore di fondo della barra e con qualche tocco finale di sfumino, ho cambiato lo sfondo alle tre piccole immagini, che ora appaiono come se fossero trasparenti sulla barra. In un altro caso ho eliminato lo sfondo nero e messo quello trasparente.
Come sempre ho prima salvato gli originali e poi caricato sul server le nuove png con il nome di quelle vecchie, in modo che il motore di pubblicazione le trovi senza sforzo. Altrimenti, se avessi optato per un altro nome, avrei dovuto sostituire quello originale nel fogli di stile (style.css).
Come avete potuto notare alla fine il tema nuovo l’ho scelto e installato. E subito personalizzato nella grafica e nei colori, come potete vedere analizzando la versione originale. Dal grigio e nero con richiami all’iPhone è diventato un tema più verde, anche in linea con i trend ecologisti che popolano il web 2.0.
La prima operazione è stato cambiare lo sfondo di pagina e testata. Nel primo caso era un semplice colore si sfondo, nel secondo caso si è trattato invece di modificare l’immagine gif che ripetuta con il comando ‘repeat-x‘ (quindi nel solo senso orizzonatale, trattandosi di un barretta verticale) andava a formare il background. Operazione che ho condotto usando il comando ‘Regola colore’ in Photoshop Elements 6.0. Aumentando il verde, schiarendo e togliendo rosso e blu ho ottenuto la tonalità che più mi piaceva. Ho poi caricato sul server che ospita il sito, nell’apposita cartella del tema, il file usando un client ftp, per l’esattezza SmartFTP. Un consiglio, prima salvate la versione originale da qualche parte o lasciatela nella directory rinominata (magari immagine-original) per poterla avere sempre a disposizione in caso di errori o ripensamenti.
Nella prossima puntata vi parlo dell’immagine di intestazione e dei diversi divisori.
Mi sono finalmente deciso a provare a effettuare modifiche sostanziali al tema di questo blog. La mia intenzione è quella di passare a un template più largo che abbia tre colonne per piazzare contenuti e widget.
Ho trovato una serie di temi carini e ho deciso di cominciare a provarne uno. Naturalmente la fase successiva sarà quella della personalizzazione, quindi se vedete cose strane apparire non preoccupatevi, sono in fase sperimentale…
Archiviato l’allargamento di AppuntiFotografici con un template a 1024 pixel su Blogger, rimane sempre vivo il desiderio di cambiare il layout anche del FalsoMagro, per disporre meglio i contenuti, passando magari a un tema largo, da 3 colonne.
Nel guardarmi in giro alla ricerca di consigli e idee mi sono imbattuto in un altro generatore di template online, non molto flessibile ma sicuramente utile per cominciare a dare un occhio al funzionamento del codice. Cominciare a giocarci, avendo ben visibili i codici dei colori può sicuramente aiutare a capire chi fa cosa all’interno del foglio di stile e di tutti gli altri file che compongono il template.
La procedura può servire, ad esempio, se si decide di utilizzare un tema preconfezionato, ma si vuole apportare tutta una serie di personalizzazioni.
Ieri vi ho parlato di Creatr, un tool online per creare la propria scritta web 2.0. Tra gli stili da scegliere per creare il proprio logo in stile Flickr, Google e compagnia bella, c’è abilmente nascosto un link a Templatr, un tool di simile fattura che in questo caso permette di creare ab initio il template per il proprio blog.
In alto dal menu a tendina si decide quale parte del template modificare (intestazione, barra laterale….) e poi con il comando download si scarica gratis un file zip con tutti i file necessari al template. Ci faccio un pensierino per dare una svolta grafica al Falsomagro 
Se mi metto all’opera condividerò con voi il tutorial e i risultati, speriamo che le vacanze di Natale portino consiglio..
To Blogger or not to Blogger? To Wordpress or not to Wordpress? These are the questions…
Il Falsomagro è nato su Blogger (http://falsomagro.blogspot.com) online per poi migrare su piattaforma Wordpress con dominio acquistato e motore installato su proprio server, mentre AppuntiFotografici è nato su Blogger e attulamente vi è rimasto. Quale delle due piattaforme per blog è meglio? Ci sono in tutti e due i casi pro e contro, pregi e difetti. Continua a leggere »
