Pubblicato il 02/08/14e aggiornato il

Come cambiare il link della Intestazione su Blogger.

Come inserire un link diverso da quello della homepage nell'Header o Intestazione di Blogger. Utile per i blog che fanno parte di un network di siti per mostrare la pagine iniziale di presentazione.
Quando in un blog su Blogger si clicca sull'Header veniamo reindirizzati alla sua homepage. Questa impostazione è la stessa sia nel caso avessimo inserito una immagine al posto della Intestazione sia se non lo avessimo fatto. Si tratta di un link comune a tutte le pagine che serve al navigatore per andare nella pagina principale del sito a partire da un qualunque post.

Ci sono però dei blogger che hanno creato un vero e proprio network di siti a cui converrebbe che il click sulla Intestazione portasse più che alla homepage del sito in oggetto alla pagina di presentazione di tutti i blog del network. Non sto qui a dissertare di come creare una pagina siffatta ma con un po' di fantasia si può prendere una pagina statica di uno qualsiasi di questi siti e creare una galleria di foto con descrizione di tutti i blog collegati.

L'obiettivo di questo post è quello di mostrare come si possa modificare il link nativo della intestazione a favore di un qualsiasi collegamento anche esterno al sito.

MODIFICARE IL LINK CON UNA IMMAGINE COME HEADER


Se abbiamo optato per caricare una immagine al posto di titolo e descrizione del blog, dopo aver salvato il template, si va su Modello > Modifica HTML e si cerca questo blocco di codice

      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>       

L'espressione colorata di rosso rappresenta il link verso la homepage inserito nella immagine della intestazione secondo quelle che sono le regole dei tag di Blogger. Per cambiare collegamento basta sostituire la parte in rosso con la seguente 

href='URL_DEL_LINK'

Dove al posto di URL_DEL_LINK potremo inserire l'indirizzo di una qualsiasi pagina web. Si salva il modello per rendere la modifica effettiva

link-intestazione-blogger

 

MODIFICARE IL LINK SE NELL'HEADER C'È SOLO TESTO


Si opera come nella sezione precedente solo che il codice da cercare in questo caso è il seguente

<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>

e la parte da modificare è sempre quella colorata di rosso ancora con

href='URL_DEL_LINK'

Quando nel nome del blog abbiamo solo testo, l'Intestazione può essere cliccata solo aprendo una pagina diversa dalla Homepage. Se vogliamo che il titolo del blog sia cliccabile anche nella homepage possiamo modificare il codice precedente in questo modo

<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<a href='URL_DEL_LINK'><data:title/></a>
<b:else/>
<a href='URL_DEL_LINK'><data:title/></a>
</b:if>
</b:includable>

come mostrato in questo screenshot

cambiare-link-header-blog

 

COMPLEMENTI


Se non siamo interessati a cambiare il link della Intestazione ma se abbiamo un blog con l'Header con solo testo e se vogliamo rendere l'Intestazione cliccabile anche dalla Homepage allora dobbiamo modificare il blocco di codice precedente in questo modo 

<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>

Ovviamente poi bisogna salvare il template. In questo modo, non tutta l'Intestazione, ma solo il titolo testuale del blog sarà cliccabile anche dalla Home.
Fonte | Ciudad Blogger -




3 commenti :

  1. Commento solo per farti i complimenti Ernesto: i lavori del tuo blog sono fonte inesauribile di idee per migliorare e di soluzioni di problemi! Grazie per metterci a disposizione le tue conoscenze e ispirazioni! Anche questo tutorial è stato molto utile!

    RispondiElimina
    Risposte
    1. Approfitto di questo commento per ringraziare anche te, sai il perché
      @#

      Elimina
  2. e anche con questo post ce l'ho fatta! grazie mille! le tue spiegazioni sono superlative!

    RispondiElimina

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.