Pubblicato il 02/11/09 - aggiornato il  | 9 commenti :

Come mostrare un post sempre visibile all'inizio della Homepage ma non nei singoli articoli di Blogger.

Come mostrare all'inizio della homepage di Blogger sempre lo stesso contenuto.
In alcuni blog c'è la necessità di inserire una sorta di introduzione nella Homepage del blog che serva come presentazione dei temi del sito. Una specie di articolo che spiega di cosa tratta il blog e le cose che puoi trovare al suo interno.

In futuro sembra che Blogger darà la possibilità di creare delle pagine svincolate dalla periodicità così come accade in Wordpress; si potrà quindi creare una pagina statica da inserire come homepage fissa con un collegamento al blog vero e proprio. Per il momento questa funzione non è ancora disponibile quindi, se abbiamo una necessità di questo tipo, l'unica possibilità è quella della creatività.

Come cavia per testare questa personalizzazione ho usato il blog dell'Effetto Sfoglia Pagina in cui ho aggiunto un articolo di presentazione che sarà visibile solo in Homepage. Se anche voi volete inserire una presentazione sempre visibile all'inizio della homepage ma non visibile nei singoli post dovete procedere in questo modo.

Per prima cosa c'è da scrivere l'articolo e può essere fatto sia con l'editor classico di Blogger che con Windows Live Writer. Si possono inserire anche oggetti multimediali quali immagini, video, player musicali, oggetti in flash, ecc.

Se si inseriscono immagini bisogna avere l'accortezza di caricarle prima nel web su un hosting gratuito tipo SkyDrive o ImageShack, quindi di inserirle nel post tramite il copia/incolla dell'URL, altrimenti non si visualizzeranno. Eventuali video vanno inseriti andando in Modalità HTML ed inserendone manualmente il codice. L'articolo di presentazione può essere lungo e articolato come ci pare e avere anche tutti i link che vogliamo; eccone un esempio creato con l'editor aggiornato di Blogger

   

              articolo_presentazione                ARTICOLO PRESENTAZIONE

Passate alla modalità HTML, nel caso di WLW cliccate su Origine, selezionate e copiate il codice di tutto l'articolo.

Adesso andate in Layout > Elementi pagina > Aggiungi un gadget > HML/Javascript ed incollate il codice che avete copiato

image



Il codice va incollato in Sezioni del sito mentre in Titolo ne va inserito uno che ci permetta di ritrovare il widget con facilità. Nel mio test ho messo "PRESENTAZIONE". Cliccate su Salva e posizionate l'elemento pagina subito sopra l'area del post come mostrato dal seguente screenshot 

widget_presentazione
Salvate il modello.  Questo post di introduzione sarà adesso visibile in Homepage ma anche all'inizio di tutti gli articoli. Per fare in modo che sia visibile solo in Homepage bisogna rimettere mano al modello andando su Layout > Modifica HTML e mettere il segno di spunta a Espandi modelli widget.
Pigiando su F3 o su Ctrl+F cercate la parola PRESENTAZIONE, o un altro titolo da voi inserito
widget_presentazione

Sarà quindi immediatamente visibile il widget appena inserito che avrà un codice simile a questo

<b:widget id='HTML2' locked='false' title='PRESENTAZIONE' type='HTML'> 
<b:includable id='main'> 
  <!-- only display title if it's non-empty --> 
  <b:if cond='data:title != &quot;&quot;'> 
    <h2 class='title'><data:title/></h2> 
  </b:if> 
  <div class='widget-content'> 
    <data:content/> 
  </div>
  <b:include name='quickedit'/> 
</b:includable> 
</b:widget>

Ricordo che ciascun widget inizia con la riga <b:widget id=… e finisce con la riga </b:widget>. Sarà comunque inequivocabilmente individuato dal nome (in questo caso "presentazione") o dal numero (in questo caso "HTML2"). Adesso vanno inserite le due righe evidenziate di rosso

<b:widget id='HTML2' locked='false' title='PRESENTAZIONE' type='HTML'> 
<b:includable id='main'> 
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty --> 
  <b:if cond='data:title != &quot;&quot;'> 
    <h2 class='title'><data:title/></h2> 
  </b:if> 
  <div class='widget-content'> 
    <data:content/> 
  </div>
  <b:include name='quickedit'/> 
</b:if>
</b:includable>
</b:widget>

Il codice del widget potrà anche essere diverso da questo, quello che conta è inserire le due righe rosse, rispettivamente subito sotto e subito sopra, le due righe evidenziate in verde. Ecco il consueto screenshot
presentazione_blog_modello

Non resta altro che Salvare il Modello. Adesso possiamo anche togliere il titolo "PRESENTAZIONE" al widget. Se si tratta di un breve messaggio di benvenuto può essere fatto andando su Layout > Elementi pagina e cliccando su Modifica nell'elemento. Per articoli più corposi è preferibile andare su Layout > Modifica HTML e dal codice togliere il titolo lasciando una riga di questo tipo
<b:widget id='HTML2' locked='false' title='' type='HTML'>
dove il numero del widget può anche essere diverso da 2 e title ha solo le virgolette senza nulla al suo interno. Se voi adesso andate nella Homepage del blog Effetto Sfoglia Pagina ne vedrete la presentazione ma se andate su uno dei post non la vedrete. Questo sistema può anche essere utilizzato per inserire un Messaggio di Benvenuto nel blog, magari con l'invito a sottoscriverne i feed, e non è detto che non lo faccia in futuro. 




9 commenti :

  1. fatto tutto alla lettera... ma mi fa vedere lo stesso i post... :-( che posso fare?

    RispondiElimina
  2. risolto! bastava impostare 0 post da visualizzare. l'unico inconveniente è che in home page, sotto il benvenuto, adesso esce "nessun post". soluzione? :)

    RispondiElimina
  3. @мαиu
    L'articolo serve per inserire una presentazione non per escludere i post. Seguimi nei prossimi giorni che forse pubblicherò qualcosa riguardo al tema che hai posto.

    RispondiElimina
  4. Questo commento è stato eliminato dall'autore.

    RispondiElimina
    Risposte
    1. @# Prova con questo sistema
      http://www.ideepercomputeredinternet.com/2012/02/come-eliminare-i-rettangoli-che-si.html
      Non è semplicissimo ma neppure complicato

      Elimina
  5. Ciao! per caso esiste un modo per farsì che nella homepage non compaia nessun post, ma che tutti i post vengano mostrati in una pagina statica che chiamerò blog? Vorrei che nella homepage ci fosse solo una presentazione e i vari bottoni (che però nelle altre pagine, come portfolio o appunto blog, scompariranno),
    esiste un modo? :) esempio: http://squeesome.com/

    RispondiElimina
    Risposte
    1. Prova a vedere se questo articolo ti aiuta in qualche modo
      http://www.ideepercomputeredinternet.com/2011/06/come-non-mostrare-gli-articoli-nella.html
      P.S. Mi ricordo di aver scritto anche un post su come fare in modo di avere una pagina statica come homepage ma non lo trovo :(
      @#

      Elimina
    2. Non credo che quello vada bene, perchè in pratica vorrei che come pagina iniziale come Home, ci fosse una pagina statica creata da me con slideshow, bottoni etc, mentre i post voglio che siano dentro una pagina che si chiama Blog, ma non voglio che sia quella iniziale, appunto la Home. Dici che c'è un modo o che voglio l'impossibile?

      Elimina
    3. Leggiti questi due post
      http://www.ideepercomputeredinternet.com/2012/06/creare-dei-sottodomini-di-un-dominio.html
      http://www.ideepercomputeredinternet.com/2012/06/come-creare-un-network-di-blog-su.html
      @#

      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.