Pubblicato il 27/08/13e aggiornato il

Come cercare le righe di codice nell'Editor HTML di Blogger.

Come cercare il codice nell'Editor del modello di Blogger e come sapere quale sia la giusta riga se ce ne sono più di una.
Mi sono reso conto che i tutorial supportati anche da degli screencast che avevo pubblicato sull'Editor HTML di Blogger e su come cercare delle righe di codice al suo interno siano tutt'altro che risolutivi per gli utenti di questa piattaforma. Va ricordato come questa nuova grafica per modificare il modello di Blogger sia stata un indubbio passo avanti ma la sua usabilità desta ancora qualche perplessità anche tra i fruitori di Blogger più esperti.

Le nuove funzionalità che sono state aggiunte negli ultimi mesi hanno moltiplicato il numero delle occorrenze di alcune righe e quindi trovare quella giusta non è così immediato. Forse è proprio per questa ragione che il widget principale del nostro sito, denominato Blog1, è stato suddiviso in sezioni che si possono espandere cliccando sulla freccetta nera a sinistra. L'inizio di tutti i widget è denotato dal tag <b:widget id=e la sua fine con l'altro tag </b:widget>.

widget-blog1-blogger-editor

Invece per collassarle va cliccato nello spazio in cui c'era tale freccetta in precedenza. Ciascuna sezione di codice inizia con <b:includable id=…. e termina con </b:includable>. Quando si vuole inserire un elemento a inizio post, al termine del post o a fine footer si deve considerare quasi sempre la sezione

<b:includable id='post' var='post'>

e cercare le linee di codice al suo interno. Occorre quindi andare su Vai al widget > Blog1 e cliccare sulla freccetta nera posta alla sua sinistra per espandere tutto il codice che vi è contenuto

visualizzare-codice

La ricerca della riga può anche essere fatta scorrendo la pagina senza ricorrere a Ctfr+F e incollando la stringa da cercare sul campo Search. Se si utilizza questo secondo strumento bisogna stare attenti a verificare che la sezione in cui è presente tale riga sia quella giusta. Sull'argomento ho postato un breve video nel mio Canale Youtube che spero sia di ulteriore aiuto


Concludo ricordando quali siano le righe più cercate su
<b:includable id='post' var='post'>
e che cosa rappresentino
  1.  <data:post.title/>                                                     Titolo del post
  2. <div class='post-header'>                                        Inizio intestazione post
  3. <div class='post-header-line-1'/>                             Fine intestazione post
  4. <data:post.body/>                                                      Corpo del post
  5. <div class='post-footer'>                                           Inizio Footer del post
  6. <div class='post-footer-line post-footer-line-1'>      Fine Prima Parte del Footer
  7. <div class='post-footer-line post-footer-line-2'>      Fine Seconda Parte del Footer
  8. <div class='post-footer-line post-footer-line-3'>      Fine Terza parte del Footer
In sostanza si possono aggiungere elementi al modello incollando il loro codice nella posizione più consona e eventualmente utilizzando i tag condizionali per porre vincoli di visualizzazione.




6 commenti :

  1. Grazie per gli utili consigli, Ernesto!
    Il nuovo editor di Blogger per certi versi è meglio del precedente, ma è senza dubbio un po' più difficile da usare.
    Giuliana

    RispondiElimina
  2. Ciao Ernesto, voglio chiederti se mi sapresti aiutare ad aggiungere una colonna sulla Sx del mio blog...... prima non avevo alcun problema ma adesso proprio non riesco a cavarne un ragno dal buco... Ci sto ammattendo da 2 mesi ormai....... questo è il link http://streaming-sauroweb.blogspot.it/ potresti darmi qualche consiglio, se ti necessita ti do anche i dati di login così che tu possa controllare il tutto.

    Grazie ancora dei tuoi utili consigli Sauro

    RispondiElimina
    Risposte
    1. Si tratta di un modello scaricato da internet e quindi non si può fare nulla. Vai nel sito del suo autore per vedere se ha rilasciato una versione del modello anche con una sidebar oppure chiediglielo
      @#

      Elimina
    2. Capisco :) grazie comunque Ernesto, ma il tipo ahimè è sparito.... Ciao

      Elimina
  3. GRAZIE!! il post è stato illuminante! non avevo mica capito che le freccette nere erano cliccabili, quindi non trovavo la riga che dicevi tu.....grazie infinite! buon we! Sonia

    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.