Scuolissima.com - Logo

Mostrare widget solo in homepage, nei post, nelle etichette, negli archivi Blogger

Come ben sapete su Blogger i Widget sono molto utili anche in fatto di estetica ma rallentano il caricamento delle pagine per questo motivo si può optare per nasconderli oppure come sto per spiegare adesso mostrarli solo in alcune sezioni precise.

Questi metodi solitamente si usano per gestire al meglio gli spazi pubblicitari o inserire degli avvisi solo a persone interessate ad una particolare etichetta del blog e molto altro ancora.

La prima cosa che dovrete fare è capire come si chiama il vostro widget. I widget assumono un nome che è di questo tipo HTML1, HTML2, HTML3 e così via. Per trovare a quale numero corrisponde il vostro andate su Layout, e poi nei gadget inseriti selezionate il vostro e cliccate su Modifica. A questo punto si aprirà una finestra per modificare il gadget ma voi dovrete dare uno sguardo al URL della finestra. Nella parte finale del lungo URL sta scritto HTMLX dove al posto della X c'è il numero del vostro widget.

Poi andate nel Modello di Blogger, dove si va per modificare l'html, qui dovete cliccare con il mouse sul codice, poi usare la combinazione di tasti CTRL + F per fare apparire la casella di ricerca di Blogger. Inserite il vostro HTMLX e poi inserite uno di questi codici elencati in base all'utilizzo che dovevate farne:
Per visualizzare il widget solo in Homepage 
<b:if cond='data:blog.url == data:blog.homepageUrl'>          

Per visualizzare il widget ovunque esclusa la Homepage 
<b:if cond='data:blog.url != data:blog.homepageUrl'>

Per visualizzare il widget solo nei post
<b:if cond='data:blog.pageType == &quot;item&quot;'>  

Per visualizzare il widget ovunque ma non nei singoli post        
<b:if cond='data:blog.pageType != &quot;item&quot;'>

Per visualizzare il widget solo nel post dell'URL            
<b:if cond='data:blog.url == "URL_del_POST"'>

Per visualizzare il widget ovunque escluso l'URL inserito                        
<b:if cond='data:blog.url != "URL_del_POST"'>

Per visualizzare il widget solo nelle pagine statiche                          
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

Per non visualizzare il widget nelle pagine statiche  
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

Per visualizzare il widget solo nelle pagine di archivio
<b:if cond='data:blog.pageType == &quot;archive&quot;'>

Per visualizzare il widget ovunque escluse le pagine di archivio        
<b:if cond='data:blog.pageType != &quot;archive&quot;'>

Per visualizzare il widget solo nel primo articolo      
<b:if cond='data:post.isFirstPost'>                                          

Questi codici non vanno inseriti a caso. Prendete uno di questi codici dentro la tabella ed incollatelo dopo il codice:
 <b:includable id='main'>

Poi cercate quest'altro codice che si trova lì vicino:
</b:includable>

Dovrete incollare immediatamente prima un piccolo codice che è:
</b:if>

Salvate il modello, recatevi nella pagina dove volevate far apparire il vostro Widget e vedete i risultati.


Ricordo che è possibile nascondere/mostrare i widget solo su mobile o desktop. Questa è una funzionalità molto importante perché spesso i widget della versione mobile mantengono le loro dimensioni originali pur trovandosi in una schermata più piccola, di conseguenza si vedranno tagliati o per intero con l'aggiunta della scrollbar orizzontale che è veramente scomoda da usare.



🧞 Continua a leggere su Scuolissima.com
Cerca appunti o informazioni su uno specifico argomento. Il nostro genio li troverà per te.




© Scuolissima.com - appunti di scuola online! © 2012 - 2024, diritti riservati di Andrea Sapuppo
P. IVA 05219230876

Policy Privacy - Cambia Impostazioni Cookies