Dopo l’ultimo articolo su come aggiungere il  plugin di google buzz, oggi vi propongo la guida su come relaizzare un widget da inserire nella sidebar che mosta gli ultimi buzz che avete fatto. Voi direte. “ma io ho gia i feed di twitter che me ne faccio di buzz”?? Bhe e io vi rispondi che il grande big G. l’ha pensata proprio bene.

Si, perchè tutto ciò che voi scrivete su twitter viene automaticamente (se avete collegato l’account) ripubblicato su buzz. Ecco perchè ho deciso di prendere due piciconi con una fava(grazie nonna per avermi insegnato questo detto eheheh).. e di inserire i fedd di buzz e non quelli di twitter( a proposito se volete seguirmi su twitter o buzz potete farlo premendo sul pulsantino che trovati nella sidebar a  destra).

Cos’è il widget feed di google buzz?

E’ una piccola finestra posizionata nella sidebar dove vengono pubblicati gli ultimi buzz che avete fatto. Ma andiamo a vedere insieme come installarlo.

Come installare il widget?

1) Innanzitutto dovete andare qui http://www.google.com/profiles/me/editprofile e modificare il nome del vostro profilo (clicca per ingrandire) e salvare

2) scaricate  il plugin da qui

Come settare il widget feed di  google buzz

5) Salvate e caricate tutto sotto la cartella plugin di wordpress(wp-content/plugins)

6) Ora andate nel pannello di amministrazione e sotto la voce pluing attivate google buzz feed

7) Una volta attivato andate su aspetto—>widget e trascinate google buzz nella sidebar sulla destra

5)aprite il widget e settatelo come segue:

-Buzz username: andrà il nome del vostro profilo (es. pippo.pallino)

-Number of posts to display: quanti post volete far apparire

-Minutes to cache buzz feed: indicate ogni quanti minuti volete far aggiornare la cache(di default è 1)

-Seconds to wait for feed response:i secondi per la rispota ( di default sono 5)

Se avete fatto tutto correttamente potete trovare il widget nella sidebar con tanto di feed! come compare nel mio blog

Piccola chicca: se volete far comparire gli ultimi buzz in qualsiasi altra parte del blog o alla fine di ogni articolo basta aggiungere
<?php addgooglebuzz(‘google-username’); ?> nel codice del vostro template

Se avete domande o dubbi fatevi sotto con i commenti!

Anche se grficando.net parla esclusivamente di grafica e di tutto ciò che ne deriva, penso che questo articolo possa essere di aiuto a molte persone in quanto permette(come altri plugin del genere) di poter condividere i propri lavori a tutta la communità di internauti( o almeno si spera).

Perche credo che creare una grafica affascinante, un articolo interessantissimo e in generale un lavoro ben strutturato, non condiviso con nessuno equivale a non averlo proprio fatto.

Ma torniamo a noi, di cosa stiamo parlando? di Google buzz

Questo nuovo servizio social di Montain View, sembra aver fatto molto successo, le critiche che si leggono in giro sono decisamente più positive rispetto a quanto avvenne con Google Wave.
Google  ancora non ha rilasciato strumenti e button per la condivisione da Wordpress a Google Buzz, pertanto ora vi dirò un piccolo truccheto per aggiungere il widget automaticamente dopo ogni post.  Pronti?

Cos’è Google Buzz widget?

è un piccolo pulsantino simile a quello di retweet che ti permetterà con un solo click di condividere i tuoi post direttamente sul tuo profilo di Buzz. Un po come avviene con twitter(opinione personale: sarà davvero rivoluzionario come twitter?).

Come installare google buzz?

1) Scaricate il plug-in da qui

2) caricarlo nella cartella di wordpress sotto /plugins (wp-content/plugins)

3)Attivate il plugin attraverso la  dashboard

4)Fatto! da ora in poi avrete il bottone buzz this alla fine di ogni post automaticamente.

Come usare Google buzz plugin?

Nel pannello impostazioni troviamo ora la voce google buzz dove è possibile modificare le varue funzioni del plugin. di default aggiunge il  nofollow ai link , inserisce il pulsante automaticamente sotto ogni post e specifica le  dimensioni dell’immagine. Bhe, che dire, ci sono davvero tutte le impostazioni che ci servono.

Ma andiamo a avedere insieme come modificare questo plugin.

L’impostazione piu importante che mi preme spiegare è quella relativa alla sua posizione . Infatti abbiamo tre tipi di impostazioni:

1) impostarla alla fine del post(come ho fatto io)

2) impostarla all’inizio di ogni post

3) impostarla manualmente. Ora se scegliere qust’ultima opzioni ricordatevi che bisogna aggiungere dove volete all’interno del template quanto segue:

if ( function_exists( ‘add_google_buzz_button’ ) ) {
add_google_buzz_button();}

Per quanto riguarda la  grafica di buzz this, potete apportare modifiche semplicemente modificando il tag ‘google_buzz’ che si trova nel file .css del vostro template.

Se desiderate un’immagine diversa perchè volete adattarla al vostro template di wordpress chiedetelo pure nei commenti sarò felice di soddisgare ogni vostra richiesta.

that’s all folk!

E voi usate google buzz? lo ritenete un social network valido? Non vi dico le mie impressioni per non influenzarvi. Vi risponderò nei commenti.

ps: abbonatevi ai feed di graficando perchè a breve scriverò una guida si come creare un feed di google buzz da posizionare nella vostra sidebar cosi da far conoscere ai tuoi lettori cosa stai condividendo con google buzz.!

Aggiornamento

Grazie a jonica blog ho scoperto google buzz per desktop un applicazione creato con Adobe Air per seguire le vostre buzzate direttamente dal vostro desktop. Vi rimando al suo blog per scaricare l’applicazione clicca qui

E’ un poster infografico, intitolato: The Color Theory Quick Reference Poster for Designers. L’idea è che il poster sia stampato o impostato come wallpaper dello schermo. Durante gli incontri, le chiamate o in ogni altra interazione con il cliente sarà così possibile far riferimento al poster traendone i massimi vantaggi.

Il grafico contiene informazioni su:

• La ruota dei colori base
• Colori attivi contro colori passivi
• Colori caldi e colori Freddi
• Colori additivi e colori sottrattivi
• Tipi di colore
• Relazioni di colore
• Significati assegnati ai colori
• Terminologia base sui colori

Ci sono diversi formati con cui è possibile scaricare il poster.

• Print-ready, PDF (11″ per 17″, 300DPI)
• Print-ready, sfondo bianco, PDF (11″ per 17″, 300DPI)
• 1920 x 1200 Wallpaper
• 1680 x 1050 Wallpaper
• 1440 x 900 Wallpaper
• 1280 x 800 Wallpaper
• EPS file (se volete modificarlo)

A questo punto sono curioso di sapere come gestite i colori del sito dei vostri clienti.

fatevi sotto nei commenti!

buon divertimento!
Link: skyje.com

Ricordo che il CSS (Cascading Style Sheet)  è una tecnica di gestione degli stili di testo in HTML dinamico (DHTML), che consente di modificare le caratteristiche di formattazione delle pagine di un sito Internet tramite gli stili. Si serve di un file con estensione CSS e la sua modifica ha come conseguenza la modifica nella formattazione di molti file di un sito.

Ogni modello CSS è testato su piattaforme multiple al fine di garantire la conformità con tutti i browser attualmente sul “mercato”.

Bhè non vi resta che prendervi mezz’ora del vostro tempo una tazza di the caldo(visto il tempo di questi giorni) e buona lettura!!

ecco l’elenco:

1. Free CSS Templates.org

2. Free-CSS-Templates.com

3. Free-CSS.com

4. CSSTemplates.net

5. Arcsin Web Templates – Free Website Templates & Wordpress Themes

6. FreeCSSTemplate.net

7. Styleshout.com

8. Templatemo, Free CSS Templates

9. CSS Template Heaven

10.  Nice and Free CSS Templates

11. CSS Creme CSS Templates

12.  Free CSS Templates

13. Free CSS Templates By CMG Technologies

14. Free CSS Templates at Get CSS Templates

15. Rambling Soul Free CSS Templates

16. Open Source Templates

17. Template Eyes CSS Templates

18. CSS Templates Free.net

19. Template World Free CSS Templates

20. CSS Templates Web Free CSS Templates

Ricordo a chi non fosse a conoscenza di questo network che si tratta di un cercatore di notizie. Detta così potrà sembrare il solito aggregatore. Invece no, Lazyfeed va oltre cercando di proporre fonti non solo in base ad argomenti ma soprattutto in base a chi li sta cercando.

Nonostante esistano oramai diversi modi per filtrare tutto il caos e il rumore di fondo che corre sul web, il solo pensiero di dover mettere effettivamente mano alla questione spesso basta per rimandare il tutto a tempo indefinito. Quando si tratta poi di blog, avere a che fare con i feed RSS comporta solitamente gestire migliaia di “elementi ancora da leggere”, consumare il tasto “segna tutti come letti” e in generale lavorare con meccaniche non troppo produttive per chi dispone di poco tempo e scarsa propensione alla ricerca attiva.

Lazyfeed cerca di proporre una visione differente: i tuoi feed RSS la fanno ancora da padrone (anche se non sono indispensabili) e a livello basilare viene proposta una search box in grado di filtrare e correlare tra di loro contenuti rilevanti tra circa 100.000 fonti (solo blog inglesi, per ora). Ogni ricerca può essere resa persistente e per ciascuna parola chiave (”tag”) inserita ne viene automaticamente proposta una selezione di correlate.

Insomma ragazzi questo servizio promette davvero bene e potrà, perchè no, essere  indispensabile. Oggi ho l’opportunità di regalarvi 3 codici invito in quanto il servizio è ancora ancora in versione beta. Ai primi tre utenti che lasceranno un commento con la scritta “codice invito” sarà inviato il codice  tramite email.

Per tutti gli altri: non disperatevi perchè  a breve saranno forniti altri codici

Buona gara!!

Posso guardare Carlos Gomez, l’esterno dei Minnesota Twins, recuperare un fuoricampo da quattro di Alex Rodriguez degli Yankees, andandolo ad agguantare oltre la barriera e riportandolo con se tra il tripudio dei fans. Posso guardare l’ultimo video dei Green day, perchè i video musicali non ho mia tempo di vederli, sono tagliato fuori bisognerebbe passare al giornata davanti a MTV o in una palestra dove mostrano MTV.

Posso rivedere tutto Gran Torino, anche se l’ho gia visto ma per godermi di nuovo la scena della conversazione dal barbiere. Posso vedere un blob  di tutte le polemiche televisive di cui si è parlato negli ultimi tempi senza che io ne capissi niente non avendolo viste.

Posso guardare l’ultima serie di 24, che mi ero un po stufato dalla penultima, ma poi lo so che mi diverto. Posso vedere il video di You Are the World e cercare di riconoscere James Ingram. Posso vedere i cortometraggi della Pixar.

Mentre aspetto un aereo in ritardo su questa panchina di ferro mi rendo conto che le cose che potrei vedere sull’iphone sono un milione e me le godrei tutte. Ma Apple dovrebbe fare una bateria che duri il triplo e un software di duplicazione dell’utente.

Uno vive e l’altro usa l’iPhone..!

Il progetto si basa sui css e la proprietà z-index, senza alcun codice javascript al fine di mantenere la pagina leggera e compatibile con gli standard w3c. Ma ora andiamo a vedere insieme di cosa si tratta:

A fine post potete trovare una demo e scaricare la sorgente.

Per capire meglio come è stato creato, vi spiegherò brevemente coss’è la proprietà z-index dei css.

Mentre è possibile posizionare gli elementi orizzontalmente sull’ asse x e verticalmente sull’ asse y con l’uso di proprietà specifiche come la proprietà css position, la proprietà css z-index permette di posizionare gli elementi su un asse z cambiando la profondità degli elementi e il loro ordine naturale di sovrapposizione.

Lo z-index si applica con un valore intero premettendo sempre una posizione all’elemento (position:absolute o position:relative) senza il quale la propietà z-index non avrebbe effetto.

Implementazione:

Apriamo il nostro editor preferito o semplicemente il notepad e andremo a inserirci il codice css che trovere nel file sorgete a fine post chiudetelo e salvatelo con estensione .css.

Dopodiche andate nella pagina html e tra i tag <body></body>andrete ad inserire questo codice

<div id=”gallery”>
<div id=”img0″></div>
<a href=”#” id=”img1″></a>
<a href=”#” id=”img2″></a>
<a href=”#” id=”img3″></a>
<a href=”#” id=”img4″></a>
<a href=”#” id=”img5″></a>
<a href=”#” id=”img6″></a>

</div>

Non dimenticatevi di collegare il css alla pagina altrimenti non funzionerà nulla. Se volete modificare l’ordine delle immagini non dovrete fare altro che cambiare il nome delle immagini nel css, quello indicato nell’immagine seguente.

Se volete cambiare immagini basta inserirli nella cartella(directory principale) e rinominarli.

Adesso vi lascio alla demo e al dawnload del file sorgente(nella cartella immagini ci sono due pulsanti uno in inglese e uno in italiano). Vi ricordo che se avete qualche difficolta, dubbio o avete la necessità di applicare qualche modifica non esitate a farmelo presente nei commenti

Buono share a tutti..