Pubblicato il 02/08/11e aggiornato il

Google+ e Facebook Blogger Template.

Modelli (Template) per Blogger con i colori e lo stile dei social network Facebook e Google Plus.
Siete utenti della piattaforma Blogger e volete creare un sito che abbia la grafica identica a Google+ o a Facebook? Adesso lo potete fare scaricando gratuitamente i modelli realizzati da Creative Blogging Ideas.

Potrebbe interessare le persone che hanno in animo di creare dei siti che trattino argomenti inerenti proprio a questi due social network.

I colori dei template sono gli stessi di quelli usati dalla azienda di Mountain View per Google Plus e quelli pensati da Zuckerberg o chi per lui per la grafica di Facebook.

Facebook 2011 Blogger Template
Le sue principali caratteristiche sono:
  1. Due menù di navigazione orizzontali posti nell'header
  2. Uno slideshow orizzontale con le miniature dei post e gli strumenti di navigazione
  3. Le miniature del post aggiunte di default in homepage
  4. Impaginazione automatica
  5. Il Read More (o jump o salto) aggiunto di default
  6. Un altro menù orizzontale nella zona del footer
  7. Icone per la sottoscrizione ai feed e a Twitter
  8. Gratuito!
facebook blogger template
Google Plus Blogger Template
Le principali caratteristiche di questo modello gratuito che riprende la grafica di Google+ sono:
  1. Design essenziale e pulito
  2. Grafica identica a quella di Google Plus
  3. Bellissima barra di navigazione
  4. Ottima casella di ricerca interna al blog
  5. Layout su tre colonne
  6. Ottimizzazione dal lato SEO
  7. Ottima velocità di caricamento
  8. Gratuito!
google plus blogger template

Nella demo sono state lasciate le schede di Google Plus ma ovviamente possono essere sostituite da altre. Si possono creare fino a 10 tab attraverso la pubblicazione di pagine statiche. Si possono anche aggiungere link diversi dalle pagine statiche. L'autore richiama l'attenzione sul fatto che può essere cambiato il logo di Google+ con il nostro (anzi è opportuno farlo per evitare problemi di copyright). Basta aprire l'HTML del modello, cercare questo URL
http://1.bp.blogspot.com/-xCHd5XPjtFE/TiwuQPqeGWI/AAAAAAAAC_8/PVHle-Rvk8g/s320/google-logo-plus-0fbe8f0119f4a902429a5991af5db563.png
e sostituirlo con quello di un'altra immagine di identiche dimensioni. Il menù può essere modificato sempre accedendo all'HTML e modificando manualmente i link nella sezione <div class=’top-options’>. Ogni pagina statica che viene creata sarà aggiunta automaticamente al menù.





13 commenti :

  1. MA desso come di carica il tamplate?

    RispondiElimina
  2. @Mic
    Devi prima creare un blog oppure avercene già uno in cui cambiare il template. Poi vai su Design > Modifica HTML > Scegli file e selezioni il file XML scaricato. Clicchi su Carica e salvi il modello. Ci potrebbe essere una ulteriore finestra in cui ti si chiede se salvare o meno dei widget che verranno eliminati con questo nuovo template.

    RispondiElimina
  3. Ernesto, però quale può essere l'argomento più adatto a questo blog e che si adatti alla sua grafica?

    RispondiElimina
  4. @Corvo Michele
    L'argomento potrebbe essere un sito dedicato interamente a Facebook oppure a Google Plus ma a qualcuno potrebbero venire anche altre idee interessanti.

    RispondiElimina
  5. ciao parsifal. nel template di facebook come si tira via l'immagine in alto? quella con scritto axialis icon workshop.
    mi faresti un grande piacere.
    grazie

    RispondiElimina
    Risposte
    1. @FrancescoSansone
      Quale template? Non hai incollato neppure un link! Non ho ancora sviluppato doti divinatorie ^_^

      Elimina
    2. ahahah! vero vero.. scusami :)intendevo facebook 2011 template blogger.. quello che hai presentato in questo articolo.

      Elimina
    3. @FrancescoSansone
      Scusami tu ma non avevo visto il post in cui avevi commentato ahah.
      Si tratta di un semplice banner con una immagine che ha questo URL
      http://www.axdn.com/redist/iw-banner-728x90.jpg
      Vai nel template e sostituisci quella immagine per esempio con un banner di adsense perché è strato messo proprio per inserire al suo posto della pubblicità. Naturalmente puoi metterci anche un'altra immagine oppure eliminarla del tutto visto che sta tra due tag < center > e < /center > che devi cancellare insieme alla immagine e al collegamento < a href="....

      Elimina
    4. grazie mille! il tuo sito è fondamentale per me e molte altre persone. grazie

      Elimina
  6. ciao parsi. ascolta.
    nel template di facebook le anteprime delle immagini hanno una dimensione fissa di 650px per 250px
    questa cosa spesso e volentieri distorce le anteprime delle immagini.
    come faccio a risolvere questo problema??

    RispondiElimina
    Risposte
    1. @FrancescoS
      Devi postare la prima immagine con dimensioni proporzionali a quelle delle anteprime Es: 975x375 pixel

      Elimina
    2. ma non c'è un modo per impedire questa proporzione?

      Elimina
    3. @Francesco
      Probabilmente nel modello c'è un codice con width:975px; e height:375px; lo puoi cambiare ma delle misure devi comunque sceglierle.

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.