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>.

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

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.