Tag condizionali di Blogger per visualizzare widget o contenuti in un singolo post o in una singola tipologia di pagine (homepage, pagine di archivio, pagine di etichette, pagine statiche.)
Con questo post cerco di fare un po' di chiarezza su informazioni che fino a questo momento erano frammentate in più articoli e che adesso ho deciso di riunirle in uno soltanto. Si può inserire un widget nel blog attraverso Design > Elementi pagina >Aggiungi un gadget o anche operando direttamente sul modello come per esempio quando si inserisce la pubblicità all'inizio e alla fine del post. Supponiamo come primo esempio che si sia inserito un gadget con la modalità offerta direttamente da Blogger. Si può trattare di una cosa qualsiasi come un menù orizzontale, il widget di benvenuto, lo slidewshow degli ultimi articoli, un orologio, un countdown o un banner di un sito amico.
In tutti questi casi si genererà nel modello un codice che inizierà con <b:widget id='HTMLX' … e che terminerà con </b:widget>. La X rappresenta il numero che individuerà in modo univoco il widget. Se avete inserito anche il titolo, vi sarà facile individuarlo nel codice, sarà sufficiente cliccare su F3 e digitarne il nome nella casella che si apre. Ecco un esempio di codice di un widget
In questo caso si tratta del gadget degli Ultimi Articoli, ma la struttura sarà identica per tutti. Ho evidenziato il titolo del widget, il suo inizio, la fine e il suo ID. Sono presenti, evidenziate di celeste, le due righe
che in questo contesto svolgono un ruolo fondamentale. Per mettere la condizione che tale widget sia visibile solo in determinate pagine occorre inserire una riga di codice subito dopo <b:includable id='main'> e la riga </b:if> subito prima di </b:includable>.
La prima riga di codice varia a seconda della condizione che vogliamo imporre. Quello che sta nel mezzo a queste righe è il contenuto del widget e può variare in funzione del modello e del gadget. Riepilogando, se vogliamo mettere delle condizioni di visibilità o non visibilità di un widget dobbiamo effettuare le seguenti operazioni
- Andare su Design > Modifica HTML > espandi modelli widget
- Cercare il codice del widget mediante F3
- Incollare le due righe di codice nella posizione indicata. La seconda riga sarà sempre </b:if> mentre la prima varierà a seconda della seguente tabella
<b:if cond='data:blog.url == data:blog.homepageUrl'> 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.pageType == "item"'> Per visualizzare il widget solo nei post
<b:if cond='data:blog.pageType != "item"'> Per visualizzare il widget ovunque ma non nei singoli post
<b:if cond='data:blog.url == "URL_del_POST"'> 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.pageType == "static_page"'> Per visualizzare il widget solo nelle pagine statiche
<b:if cond='data:blog.pageType != "static_page"'> Per non visualizzare il widget nelle pagine statiche
<b:if cond='data:blog.pageType == "archive"'> Per visualizzare il widget solo nelle pagine di archivio
<b:if cond='data:blog.pageType != "archive"'> Per visualizzare il widget ovunque escluse le pagine di archivio
<b:if cond='data:post.isFirstPost'> Per visualizzare il widget solo nel primo articolo
<b:if cond='data:blog.url != data:blog.homepageUrl'> Per visualizzare il widget ovunque esclusa la Homepage
<b:if cond='data:blog.pageType == "item"'> Per visualizzare il widget solo nei post
<b:if cond='data:blog.pageType != "item"'> Per visualizzare il widget ovunque ma non nei singoli post
<b:if cond='data:blog.url == "URL_del_POST"'> 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.pageType == "static_page"'> Per visualizzare il widget solo nelle pagine statiche
<b:if cond='data:blog.pageType != "static_page"'> Per non visualizzare il widget nelle pagine statiche
<b:if cond='data:blog.pageType == "archive"'> Per visualizzare il widget solo nelle pagine di archivio
<b:if cond='data:blog.pageType != "archive"'> Per visualizzare il widget ovunque escluse le pagine di archivio
<b:if cond='data:post.isFirstPost'> Per visualizzare il widget solo nel primo articolo
Questo metodo può per esempio essere applicato a LinkWithin per fare in modo che sia visibile solo nei post e non in homepage e nelle altre pagine per velocizzare il caricamento della pagina. Ecco uno screenshot di esempio di come inserire questa condizione nel modello
Nell'empio visualizzato si impone di vedere il widget ovunque escluso la homepage. Analizziamo l'eventualità in cui avessimo inserito degli elementi nel blog direttamente nel modello. Come esempi abbiamo il pulsante Mi Piace di Facebook o i bottoni di voto sui social bookmarking. In questo caso la cosa è ancora più semplice perché non c'è da trovare nessun codice. Basta inserire le due righe prescelte all'inizio e alla fine del codice. Ecco lo screenshot del mio modello
in cui sono evidenziate di azzurro le due righe che servono per mostrare il Mi Piace di Facebook e il pulsante ufficiale di Twitter solo nei singoli articoli.
Aggiornamento importante: Dopo l'introduzione dei domini localizzati per Blogger nel caso non si sia provveduto a un redirect verso l'indirizzo canonico, se si utilizza un tag condizionale in cui ci sia da inserire l'URL del post per visualizzare un widget solo in una pagina, si deve incollare l'indirizzo canonico dell'articolo, quello con il .com e non quello con il .it. Per intenderci l'URL andrebbe indicato come
http://mioblog.blogspot.com/2012/03/post-del-blog.html
e non come
http://mioblog.blogspot.it/2012/03/post-del-blog.html
Aggiornamento importante: Dopo l'introduzione dei domini localizzati per Blogger nel caso non si sia provveduto a un redirect verso l'indirizzo canonico, se si utilizza un tag condizionale in cui ci sia da inserire l'URL del post per visualizzare un widget solo in una pagina, si deve incollare l'indirizzo canonico dell'articolo, quello con il .com e non quello con il .it. Per intenderci l'URL andrebbe indicato come
http://mioblog.blogspot.com/2012/03/post-del-blog.html
e non come
http://mioblog.blogspot.it/2012/03/post-del-blog.html
Quella di inserirla o no, solo in un determinato articolo è ottima. Si può anche solo in una pagina statica e non in altre?
RispondiElimina@L'Altra Notizia
RispondiEliminaCerto che si può inserire un widget in una sola pagina statica. Incolli l'URL della pagina in cui vuoi che compaia il widget nella riga apposita ed è fatta.
Sempre chiarissimo e utilissimo
RispondiEliminaGrazie mille! Non sai quanto mi è stato utile questo post!
RispondiEliminaAvevo il tasto "Mi piace" nelle pagine statiche che non mi serviva affatto e non sapevo come toglierlo.
C'è però una cosa che ho risolto solo a metà per quanto riguarda LinkWithin.
Vorrei che comparisse sia in home page che nei singoli post ma NON nel percorso "...search/label/...".
È possibile? Anche perché ho fatto in modo da mostrare solo i titoli dei post quando si clicca su un'etichetta e - immagino per questo motivo - il widget di LinkWithin mi finiva nell'angolo in basso a sinistra delle pagine /label.
Per ora ho risolto con la stringa da te indicata che lo fa visualizzare solo nei post, ma vorrei che mi comparisse anche in Home Page. Se hai qualche consiglio, te ne sarei molto grata!
@Sara
RispondiEliminaIn questo momento non mi viene in mente nulla per la cosa che mi hai chiesto. Sono due condizioni che è difficile far coincidere
Grazie mille in ritardo!
RispondiEliminaNel frattempo ho comprato un dominio direttamente da blogger e ho cambiato un bel po' di cose. Ora mi va bene anche così, quindi tutto ok!
Grazie!
Sara
P.S. Ho un altro dubbio ma vado a scrivertelo sotto il post appropriato! ;)
@Sara
RispondiEliminaMi sembra di aver risolto il problema che mi avevi posto in questo post
http://www.ideepercomputeredinternet.com/2011/01/come-mostrare-un-widget-negli-articoli.html
in cui è illustrato il sistema come mostrare elementi solo in homepage e nei post ma non nelle etichette e negli archivi
Wow, l'ho appena letto, ottimo!!
RispondiEliminaMi era sfuggito quel post ma ormai sono diventata tua fan quindi mi vedrai più spesso da queste parti.
Un sentito grazie... Si può dire che qui ho trovato le risposte (per di più chiarissime) a tutti i miei dubbi.
Buone cose,
Sara
Ho seguito le indicazioni ma purtroppo non riesco ad avere l'effetto voluto..
RispondiEliminaVorrei visualizzare le statistiche solo nella pagina statica prova..
Ho modificato il codice ma vedo sempre visitatori anno 2010 in tutte le pagine.. Dove ho sbagliato?
Grazie per l'aiuto!
<.h2 class='title'>&
<.div class='widget-content'>
@Cuneo...
RispondiEliminaLa pagina statica ha un URL, acquisisci l'indirizzo quindi applica il codice della quinta riga "Per visualizzare il widget solo nel post"
Ciao
ciau!!! ^__^
RispondiEliminac'è una condizione per inserire un widget solo se è presente una specifica categoria?
mettiamo che voglia far comparire un gadget solo se si è in una pagina che mostra la categoria "xyz"... si può?
Grazie per l'eventuale aiuto!
Questo commento è stato eliminato dall'autore.
RispondiEliminaScusate non mi ero accorto che non mi aveva copiato il codice:
RispondiEliminaQuesto è proprio quello che ho fatto ma non ottengo l'effetto desiderato!
<b:if cond='data:blog.url == "http://cuneoblucerchiata.blogspot.com/p/prova.html"'>
@Cuneo
RispondiEliminaMi stupisce che non funzioni. Forse non si tratta di un widget e non hai inserito le due righe dopo b:includable e prima di /b:includable
@Madis
Se c'è non ne sono a conoscenza
Parsifal grazie, al momento io sono riuscita ad 'avvicinarmi' allo scopo inserendo:
RispondiEliminama questa soluzione è valida solo esattamente per la prima pagina della categoria...
Non c'è modo di inserire delle espressioni regolari che permettano di attuare la cosa anche sull'url delle pagine seguenti?
Tipo qualcosa che comprenda tutto il papiro:
http://nomeblog.blogspot.com/search/label/categoria?updated-max=2010-03-10T00%3A00%3A00%2B08%3A00&max-results=3
mmm.... non so se mi sono spiegata... O__O
Scusate.. Ma potrebbe essere dovuto al fatto che l'editor in automatico mi sostituisce il doppio apice con il suo equivalente carattere speciale &Quot;?
RispondiEliminaIn quel caso come faccio a fare in modo che mi lasci il doppio apice?
Grazie
@MadiS
RispondiEliminaNon si può inserire il codice in un commento quindi non ti sei spiegata bene anche se credo di aver capito. Inserisci la condizione per la pagina di una singola etichetta, però i singoli post che hanno quella categoria non sono toccati
@Cuneo
La trasformazione da HTML in XML è automatica. Le virgolette " diventano " . Non è questo il problema
Per quanto riguarda l'URL apro la pagina statica che mi interessa..
RispondiEliminaFaccio copia incolla dell'URL dalla barra degli indirizzi e la inserisco con doppi apici dopo == .
Credo che il procedimento sia giusto..
@Cuneo...
RispondiEliminaIl procedimento è giusto devi solo inserire anche l'altra riga ma questo lo hai fatto di sicuro altrimenti non ti avrebbe salvato il modello
Eccellente, mi è stato davvero utile questo post!
RispondiEliminaParsifal mi chiedevo: è possibile eliminare direttamente tutta la sidebar dalla pagine diverse dalla home? In modo da avere più spazio direttamente
RispondiElimina@iltuocineparco
RispondiEliminaSì, per le pagine statiche si fa così
http://www.ideepercomputeredinternet.com/2010/01/come-non-visualizzare-la-sidebar-nelle.html
per le altre pagine basta sostituire la riga della condizione con un altra.
@
RispondiEliminabello!peccato che per i widget più pesanti che non vorrei mostrare,resta una stringa bianca antiestetica!sai se si può fare qualcosa per risolvere questo inconveniente?ho scelto di non mostrare alcuni widget negli articoli.resta la stringa che si riferisce al titolo del widget.perchè?
ho dato un'occhiata meglio al codice html e ho notato che nei widget c'è questa stringa
RispondiEliminaonly disply title it's if non empty
penso che il mio problema potrebbe dipendere da questo codice,ho fatto delle prive ma sinceramente non so come modificarlo..anche perchè ho notato che per i widget senza titolo il problema non sussiste.
potresti aiutarmi per favore?
@Tutti..
RispondiEliminaIn tutti i template c'è quella riga che è un commento. Dipende dal modello. Se guardi questo blog
http://scriptaculous-menu.blogspot.com/
che uso per i test vedrai dei rettangoli orizzontali che sono tutti widget nascosti in homepage.
quindi non c'è modo di eliminare quest'effetto anti estetico?
RispondiEliminaNon ne conosco
RispondiEliminapeccato,magari si potesse nascondere tutto senza vedere i rettangolini.cercherò un po' sul web,se trovo un metodo te lo farò sapere
RispondiElimina@parsifal32
RispondiEliminaho visto che il metodo funziona benissimo con i widget presenti nelle 3 colonne basse che ho inserito segundo il tuo articolo.in pratica il widget ,dove non si vuol far comparire,non lascia traccia,come se non esistesse in nessuna altra pagina.questo mi fa pensare che il problema non sia nel widget ma nella colonna o sidebar.e quindi lì che va cercata la soluzione.
@Tobia Alberti
RispondiEliminaForse non hai letto bene il post. Le righe da inserire sono due. Guarda anche quest'altro che forse ha una spiegazione più semplice
http://www.ideepercomputeredinternet.com/2010/01/come-visualizzare-o-non-visualizzare.html
Ciao Ernesto, io vorrei inserire sotto i miei post la barra di commenti facebook da questo indirizzo:
RispondiEliminahttp://developers.facebook.com/docs/reference/plugins/comments/
come e dove devo inserirlo per far si che si possa visualizzare solo nei post e non sulla home, dove ho solo l'anteprima dei post e all'altezza della barra dei commenti standard, o al massimo subito sopra nel caso in cui la lasciassi visibile?
grazie
@Giampy
RispondiEliminaIl tuo commento era finito nello spam quindi solo ora me ne sono accorto e ti posso rispondere. Segui le indicazioni di questo articolo
http://www.ideepercomputeredinternet.com/2011/03/facebook-crea-una-piattaforma-per.html
Per una demo dai uno sguardo a questa pagina
http://design-prova.blogspot.com/2011/02/demo-del-menu-orizzontale-sopra.html
Ma se io volgio farlo vedere in due o tre post.. come faccio!!!
RispondiElimina@Redazione
RispondiEliminaE' molto difficile. Si possono creare dei tag condizionali con solo uno a inclusione (esempio: sì nei post, no su un singolo post) ma non si possono creare due condizioni di inclusione (esempio: sì in un post, sì in un altro post). Bisognerebbe usare il tag b:else con grandi complicazioni.
Parsifal!
RispondiEliminaNon trovo il post in cui ti chiedevo come inserire i tag condizionali in base al browser del visitatore...cmq
erano mesi che sbattevo non trovando una soluzione e alla fine vado a scoprire che basta il segno del cancelletto prima dell'attributo nel css per farlo leggere solo a IE!!
es:
margin: 0; (per gli altri browser)
# margin: 10px; (solo IE)
correggimi se sbaglio, ma stanno funzionando sul mio blog...
@Auto
RispondiEliminaCaspita, così semplice? Non lo sapevo. Dal tuo profilo non si può accedere al blog. Non so se è questo
http://www.autodimerda.it/
Se è così hai acquistato un dominio .it e hai configurato i DNS, complimenti ;)
Purtroppo no parsifal, acquistai 3 anni fa i domini ma ne sfrutto solo un semplice redirect. All'epoca blogger non poteva essere trasportato direttamente su un dominio .it (forse tuttora?!) e così, considerando che il blog era già in stato avanzato ho dovuto accontentarmi di questa soluzione di cui cmq non sono soddisfatto, ma considerando le funzioni e la rapidità di aggiornamento che ti offre un blog decisi di lasciarlo su blogger (di cui sono soddisfatto).
RispondiEliminaarticolo strepitoso! Sei un grande!
RispondiEliminaGrandissimo! é possibile fare la stessa cosa ma per i riquadri in fondo a ogni post (Pié di pagina post)? mi spiego meglio: in fondo ad ogni post c'é il riquadro contente i pulsanti di condivisone di Fb, Blogger, Google+1... ma questo riquadro é presente anche in fondo ad ogni pagina statica: é possibile togliere questi ultimi dalle pagine statiche lasciando dove sono quelli in fondo ai singoli post??
RispondiElimina@Matteo Nerozzi
RispondiEliminaSe tu riesci a individuare il codice basta che inserisci la condizione che non si devono vedere nelle pagine statiche. Per cercare il codice puoi usare Firebug
http://www.ideepercomputeredinternet.com/2011/05/firebug-e-una-estensione-di-firefox-per.html
oppure puoi personalizzare le pagine statiche in toto
http://www.ideepercomputeredinternet.com/2011/04/come-eliminare-le-sidebar-dalle-pagine.html
In Modifica HTML dovrei aver trovato due parti di codice inerenti al pié di pagina post:
RispondiEliminae questo
.post-footer {
margin: 20px -2px 0;
padding: 5px 10px;
color: $(post.footer.text.color);
background-color: $(post.footer.background.color);
border-bottom: 1px solid $(post.footer.border.color);
line-height: 1.6;
font-size: 90%;
}
Ho provato a fare come dicevi tu, ma purtroppo non sono riuscite a sortire nessun effetto, rimane tutto così com'é...
Mi aiuteresti? Ciao e grazie, Matteo
Manca questo pezzo:
RispondiEliminaGroup description="Post Footer" selector=".post-footer">
</Group
@Matteo Nerozzi
RispondiEliminaMi chiedi di fare una cosa che non ho mai fatto e neppure so se è possibile fare. Ti posso dare delle indicazioni. Vai su Modifica HTML e non espandere i modelli widget. Cerca la sezione del footer che dovrebbe iniziare con un codice come questo
<b:section class='foot' id ....
e dovrebbe terminare con quest'altro codice
</b:section>
Prima della riga iniziale e dopo la riga finale inserisci i tag condizionali come illustrato in questo post. Dovrebbe funzionare.
Ho fatto come mi hai suggerito ma purtroppo niente da fare: il comando ha effetto (giustamente) su un widget HTML presente in fondo alla mia home, nascondendolo nelle pagine statiche, ma non sul riquadro che contiene i pulsanti di condivisione (che nel mio caso risultano inutili ed esteticamente scomodi nelle pagine statiche). Ad ogni modo grazie per la tua disponibilità.
RispondiEliminaColgo l'occasione per porti una seconda domanda: é possibile sostituire i pulsanti di condivisione standard di Blogger con una versione esteticamente più valida (come quelli che usi tu!)? I pulsanti standard oltre ad essere brutti sono anche poco funzionali e passano spesso inosservati agli occhi del visitatore.. Ho letto se non sbaglio un articolo a proposito di questo argomento su questo stesso blog ma la personalizzazione eraa minima...
Grazie di tutto e complimenti per quello che fai! Buon lavoro!
@Matteo Nerozzi
RispondiEliminaPer nascondere i pulsanti ufficiali di condivisione leggi questo post
http://www.ideepercomputeredinternet.com/2010/12/impostazioni-per-configurare-il-post-su.html
Per inserire una serie di bottoni allineati alla fine dei post leggi quest'altro
http://www.ideepercomputeredinternet.com/2011/06/come-allineare-i-bottoni-di-facebook.html
oppure, se li vuoi equidistanti uno dall'altro quest'altro metodo
http://www.ideepercomputeredinternet.com/2011/10/come-allineare-alla-stessa-distanza-le.html
dove al posto del codice delle immagini ci metti quello del codice dei bottoni.
frequento questo sito da un po' ed è utilissimo, grazie per tutte le cose che insegni e condividi! :)
RispondiEliminaQuesto commento è stato eliminato dall'autore.
RispondiEliminaGrazie tante; ottimo blog
RispondiElimina@TobiaAlberti
RispondiEliminaPer rimuovere i pulsanti di condivisione vai su Layout > Post sul blog > Modifica e togli la spunta ai bottoni ufficiali di condivisione. Se li vuoi togliere solo dalle pagine statiche
Il codice dei pulsanti è questo
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
e dovrebbe trovarsi nel tuo modello. Per impedire di essere visto nelle pagine statiche devi inserire un tag condizionale in questo modo
<b:if cond='data:blog.pageType != "static_page"'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>
Il codice dei pulsanti è questo
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
e dovrebbe trovarsi nel tuo modello. Per impedire di essere visto nelle pagine statiche devi inserire un tag condizionale in questo modo
<b:if cond='data:blog.pageType != "static_page"'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>
Per i tre link Post più recenti, Homepage e Post più vecchi usi lo stesso tag condizionale ma applicato a questi elementi i cui codici puoi ricavare consultando questo post
http://www.ideepercomputeredinternet.com/2011/01/come-sostituire-in-blogger-piu-recente.html
Meglio ancora dallo stesso post puoi creare dei CSS per non mostrare detti link nelle pagine statiche. Esempio:
b:if cond='data:blog.pageType != "static_page"'>
<style>
#blog-pager-older-link {
display:none;
}
#blog-pager-newer-link {
display:none;
}
#blog-pager {
display:none;
}
</style>
</b:if>
da incollare sopra alla riga </head>
Attenzione mi è sfuggito un segno di minore < prima della riga b:if cond=...
RispondiElimina@Tobia
RispondiEliminaTi avevo avvertito che c'era un errore.
Incolla prima della riga </head> questo codice
<b:if cond='data:blog.pageType != "static_page"'>
<style>
#blog-pager-older-link {
display:none;
}
#blog-pager-newer-link {
display:none;
}
#blog-pager {
display:none;
}
</style>
</b:if>
fermo restando che nelle pagine statiche dovrebbe vedersi solo il link Home
@Tobia
RispondiEliminaIl fatto è che sono troppo impegnato e devo rispondere ai commenti troppo velocemente e qualche volta sbaglio. Prova questo
<b:if cond='data:blog.pageType == "static_page"'>
<style>
#blog-pager-older-link {
display:none;
}
#blog-pager-newer-link {
display:none;
}
#blog-pager {
display:none;
}
</style>
</b:if>
Per quello che riguarda la non scomparsa dei bottoni di condivisione puoi sempre cercare di eliminare tutto il codice. Ti ho postato il suo inizio nel commento 50.a però è cosa delicata.
Ciao Ernesto sono sicuro di aver fatto tutto come hai spiegato tu, ma l'unico effetto è che il gadget pur rimanendo visibile su design-elementi pagina, non è più visibile in nessuna pagina o post del blog, compresa quella dove invece avrei voluto fosse presente.
RispondiElimina@AlessioPodda
EliminaQuesto mi fa pensare che tu abbia un blog gratuito ;). Adesso aggiorno subito il post. Se si ha un blog del tipo blogspot, l'URL dell'articolo da inserire nel tag condizionale è quello canonico. Cioè nel tuo caso per esempio
http://felice-meditazione.blogspot.com/2012/03/un-cunicolo.html e non
http://felice-meditazione.blogspot.it/2012/03/un-cunicolo.html
Siiiiiiiiiiiiiiiiiiiiiiiiiiiiii grazie sei il migliore ho risolto.
EliminaP.s hai un nuovo fans, ciao ciao.
E nel caso in cui debba mettere la modifica solo in alcune pagine statiche? Devo mettere virgola ed altri link, oppure ogni volta aprire un nuovo b:if?
RispondiElimina@IleniaGennari
EliminaSi può inserire la condizione solo in una sola tipologia di pagine (statiche, archivio, ecc) o solo in un singolo post. Per visualizzare lo stesso widget in due o più post, ci vuole un meccanismo più complicato
http://www.ideepercomputeredinternet.com/2011/01/come-mostrare-un-widget-negli-articoli.html
Oh. Ti ringrazio per il link, vediamo cosa riesco a fare! (su questo portale ci sono tantissimi articoli in merito. Avete pensato di farne una lista? ;P)
Elimina@ileniagennari
RispondiEliminaGuarda il menu, ci sono sei liste per un totale di quasi 600 articoli.
bellissimo e davvero molto utile,
RispondiEliminapurtroppo queste modifiche mi vengono cancellate appena salvo il modello.
www.perlavaldorcia.com
scusate, non avevo espanso i modelli widget. Però ho notato che al posto widget rimane uno spazio. può essere cancellato?
Elimina@PerlaValD'Orcia
EliminaProva a seguire questo tutorial
http://www.ideepercomputeredinternet.com/2012/02/come-eliminare-i-rettangoli-che-si.html
Celo una domanda:se voglio che bara laterale con tuto che contiene non e visibile solo in prima pagina del blog come si fa???
RispondiElimina@colorbis
EliminaNon ho scritto ancora nulla in proposito. Può darsi che lo faccia in futuro.
Ciao Ernesto! questo articolo è davvero utile! Ho utilizzato l'alternativa
RispondiEliminaPer visualizzare il widget solo nel post dell'URL
sostituendo .it con .com e in un primo momento funzionava tutto...
Poi ho pacioccato per cambiare i template.. riscelto uno di questi sono riandata a modificare i widget per visualizzarli solo in determinate pagine, ho inserito le due righe come prima al posto indicato, messo il dominio .com e.... il widget sparisce da tutte le pagine anche dalla url scelta! non riesco a capire se c'è qualcosa che blocca l'indicazione... (ps: ho rimesso il template iniziale).
Hai qualche suggerimento?
Grazie infinite
Ester
@Vitaazero-tre
EliminaProbabilmente hai sbagliato qualcosa a copiare il codice, basta un piccolo segno e non funziona.
O forse hai inserito più tag condizionali. In questo caso non funzionano. Se ne può mettere solo uno in positivo cioè con due uguali mentre in negativo ne possono essere inseriti più di uno
Eliminaho fatto diverse prove (anche cancellando i widget e rimettendoli, ripristinando modelli widget ai valori predefiniti ma niente.. con la specifica della URL non vuole proprio andare! e prima andava!
RispondiEliminati incollo una stringa di un widget di prova.. mi sembra di aver fatto tutto ma magari mi sfugge qualcosa..
ecco la prima parte
RispondiEliminaniente non lo fa vedere!!
RispondiElimina@Vitaazero
RispondiEliminaPer postare il codice in un commento va prima convertito in XML. Cerchiamo di ricapitolare. Mi sembra di aver capito che
1)Il codice di esempio di questo post funziona nel tuo blog
2)Non appena provi a modificarlo non ti funziona più
Se è così significa probabilmente che non sai inserire correttamente gli URL delle immagini. Prova a leggere questo post
http://www.ideepercomputeredinternet.com/2010/07/picasa-e-lo-strumento-piu-completo-per.html
Fantastico! come fai?!?! era proprio quello il problema :) nella pagina avevo copiato e incollato un'immagine dalla versione precedente del mio blog di wordpress (quindi con l'url dell'altro blog), ora l'ho caricata su blogger e tutto va!!! Grazie 1000!
RispondiElimina@VitaAZero-tre
EliminaEsperienza di 4 anni e mezzo di blogging :D
Ciao e grazie per tutto.
RispondiEliminaProprio non ci riesco, Se il mio widget è Easyslider che comincia così:
/* EasySlider for Blogger Start - by http://www.ideepercomputeredinternet.com */
#slide-container {
height: 360px;
position: relative;
width: 480px;
}
#slider {
height: 360px;
left: 35px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
width: 480px;
font-family: calibri;
}
.......
Dov'è e ?
Io voglio far apparire lo slide dei post solo in home page...
Rifaccio la domanda perchè non era visibile sopra.....
RispondiEliminaDove sono b:includable id='main' e /b:includable???
@FrancescoPerrelli
EliminaHai sbagliato codice. Il CSS va lasciato così com'è. Se ti riferisci a questo widget
http://www.ideepercomputeredinternet.com/2012/04/slideshow-degli-ultimi-post-con.html
I due tag condizionali vanno semplicemente inseriti all'inizio e alla fine del secondo codice, di quello che va sopra alla riga /body tanto per intenderci. Il secondo tag è /b:if (con i segni di maggiore e minore) mentre il primo, quello che va in alto lo trovi nella tabella.
Dato che questo è l'articolo che consulto più spesso, ci tenevo a ringraziarti. E' davvero molto utile. :)
RispondiEliminaHo qualche difficoltà a rendere visibile o nascosto questo widget. Per chiarire il problema questa è la situazione :
RispondiElimina/b:widget
b:widget id='HTML9' locked='false' title='Feautured' type='HTML'
b:includable id='main'
!-- only display title if it's non-empty --
b:if cond='data:title != ""'
h2 class='title'> data:title/ </h2
/b:if
div class='widget-content'
data:content/
/div
b:include name='quickedit'/
/b:includable"
Voglio farlo vedere soltanto in Home e ho selezionato l'opzione:
b:if cond='data:blog.url == data:blog.homepageUrl'
Ho fatto diversi tentativi non riusciti, ti chiedo dove devo inserire l'opzione nel widget?
prima di /b:includable mi da errore, così come dopo /b:if
Ti ringrazio
@MarcoRinaldi
EliminaTi dà errore perché non inserisci il secondo tag /b:if prima del secondo /b:includable Leggi il post con più attenzione e non puoi sbagliare.
Grazie, ora ho cpito e risolto. Ti ringrazio dell'aiuto sempre prezioso.
RispondiEliminaPS.
Ho inserito il LIke Box di Facebook scorrevole e volevo farlo anche per twitter.
Pensi che può funzionare? Se si successivamente ti invio la prova.
Grazie
@MarcoRinaldi
EliminaNon mi ricordo di aver presentato un widget scorrevole per Twitter ma in rete ce ne sono
Questo che ho trovato è molto intressante perchè mette insieme Facebook - Twitter e Google +
RispondiEliminaL'ho provato e funziona. Questo è il link http://demo.techbrij.com/950/social-slider-widget-generator.php
Ho aspettato un bel po', ma adesso lo devo proprio dire: questo è uno di quei post fondamentali, da inserire con cura nei preferiti. L'avrò consultato almeno una cinquantina di volte ;P
RispondiEliminaGiuliana
@ Giuliana
EliminaTi confesso che anche per me è l'articolo che consulto di più visto che i codici me li ricorderei anche a mente ma è sempre essere sicuri di non sbagliare :)
Ciao Ernesto, utilissimo il tuo articolo ma io vorrei inserire la funzione "leggi tutto..." solo nella home page. Ho provato da tue istruzioni ma non iresco, mi da errore. La vorrei inserire solo lì perchè nelle altre pagine mi ha dato strane visualizzazioni...quindi solo nella home e per la vsualizzazione per etichette... come faccio? dove devo inserire le istruzioni?
RispondiEliminaGrazie!
@#
EliminaLa funzione Leggi tutto è nativa di Blogger e viene inserita dall'Editor con il pulsante Inserisci Intervallo. In questo post si parla di un altro argomento. Se non ti piacciono i post spezzati puoi solo fare a meno di mettere il read more. Una volta che l'hai messo funzionerà in Homepage, nella pagina delle etichette e in quelle di archivio.
Ciao...vorrei eliminare completamente LInkWithin ma non ci riesco, nonostante faccia elimina gadget dal blog e nel modello HTLM sparisce ogni traccia...quando visualizzo il blog..è sempre lì!! Mi succede anche se cambio totalmente template..perchè? Aiutami :(((
RispondiElimina@# LikWithin è difficile da eliminare. Prova cos'
Elimina1)Salva il template
2)Vai su Modello > Modifica HTML > Procedi
3)Non espandere i modelli widget
4)Clicca su F3 e incolla Linkwithin per cercare la riga di codice
5) Ci dovrebbe essere una riga tipo < b:widget .... title="Linkwithin" ... >
6)Cancellala tutta
7)Controlla sempre con F3 che non ci siano altre occorrenze di Linkwithin
8)Salva il modello
Ho provato ma nulla.... non va via :(
Elimina@# Allora cerca su Layout, deve essere in un widget sotto a Post sul blog
EliminaTolto anche quello, ma LinkWithin è sempre lì...
EliminaIn più ho un altro problema ... Il widget dei post più popolari è completamente sfasato...ha l'effetto slide, ma io lo voglio normale adattato al template che ho adottato adesso.
Se torno al vecchio template, anche al primo che ho messo, la situazione non cambia...
Se vai a dare un'occhiata al mio blog, ti fai un'idea più precisa del problema :(
@# LinkWithin è il widget HTML3, cercalo su Layout e eliminalo oppure cercalo sul Modello, salva prima il template. Il tuo non è un modello ufficiale quindi i widget di Blogger possono non essere compatibili
Elimina@# Ci avevo scritto un post ma ora non riesco a trovarlo. In teoria si può fare ma bisogna inserire il codice del widget due volte e non te lo posso spiegare in un commento
RispondiElimina@# Mi ricordo che feci quel post perché mi fu chiesto come vedere un widget sia in homepage sia nelle pagine statiche
RispondiEliminaCiao Ernesto, eccomi qui :)
RispondiEliminaSenti, c'è un modo per visualizzare il widget ovunque, tranne che nelle Etichette?
@# C'è un tag condizionale specifico che puoi trovare qui
Eliminahttp://www.ideepercomputeredinternet.com/2013/03/tag-condizionali-blogger.html
L'ho dedotto dalle istruzioni di Blogger ma non l'ho mai testato quindi non ti posso assicurare con certezza il suo funzionamento corretto
Ciao Ernesto.
RispondiEliminaScusa, ma ora su Blogger nella sezione Modifica modello è cambiato tutto.
Non trovopiù la stringa di codice "b:includable id='main"
per individuare il widget e inserire i parametri in cui farlo vedere, se solo in home, solo nei post ecc ecc
Sai per caso come bisogna muoversi ora? Grazie
@# Adesso per cercare il codice bisogna fare in modo un po' diverso
Eliminahttp://www.ideepercomputeredinternet.com/2013/04/editor-html-blogger-video-tutorial.html
http://www.ideepercomputeredinternet.com/2013/04/new-blogger-template-editor.html
Presto pubblicherò un videotutorial dedicato proprio al tema di come cercare il codice nel modello
Questo commento è stato eliminato dall'autore.
RispondiEliminaQuesto commento è stato eliminato dall'autore.
RispondiEliminaCiao Ernesto, ho seguito il tuo post, anzi seguo tutto il tuo blog da diverso tempo. Prima di tutto complimenti per tutte queste info che pubblichi, sono davvero un aiuto per me.
RispondiEliminaPoi volevo chiederti un aiuto per quanto riguarda il codice. Io ho seguito tutto e volevo FAR VISUALIZZARE SOLO IN HOME il tuo widget "Slideshow degli Ultimi Post con immagini e bottoni di navigazione", ma caricando il codice che mi dici tu, nella pagina contatti rimane comunque visualizzato. cosa devo fare ?
questo è il codice così come l'ho modificando per visualizzarlo solo in home. Aspetto tua risposta grazie mille.
https://lh5.googleusercontent.com/-0Q49JzbREOU/UZ-dIvjHXNI/AAAAAAAAo2k/3hyHlm34OAs/s144/Schermata%25202013-05-24%2520alle%252019.01.09.png
@# Mi stupisco di quello che mi dici. Se utilizzi il primo tag condizionale
Eliminab:if cond='data:blog.url == data:blog.homepageUrl
si dovrebbe vedere solo in homepage. Eventualmente metti un altro tag per non mostrare il widget proprio in quella pagina
b:if cond='data:blog.url != "URL_della_pagina_contatti"'
P.S. Nella schermata che mi hai postato ci vorrebbe un microscopio per poter leggerci qualcosa :)))
Ho provato anche così ma nulla !
Eliminati rimando la foto scusami https://lh5.googleusercontent.com/-0Q49JzbREOU/UZ-dIvjHXNI/AAAAAAAAo2k/3hyHlm34OAs/s800/Schermata%25202013-05-24%2520alle%252019.01.09.png
Elimina@# Il tag condizionale non lo devi mettere nel modello in questo modo. Immagino che tu lo abbia inserito in un widget. Allora devi individuare l'ID di questo widget oppure andarci direttamente dal modello usando Vai al widget.
EliminaI due tag condizionali vanno messi rispettivamente subito dopo la riga
b:includable id='main
e subito prima dell'altra riga
/b:includable
Leggi questo post
http://www.ideepercomputeredinternet.com/2013/03/tag-condizionali-blogger.html
specie nella sezione
COME USARE I TAG CONDIZIONALI NEI WIDGET
Grazie mille... ci sono riuscita!
Eliminaio non riesco a trovare subito prima di , voleveo che linkwithin fosse visibile solo in home page... può centrare qualcosa la nuova interfaccia di modifica html di blogger?
RispondiElimina@# Prova a leggere questo post e a guardare il video
Eliminahttp://www.ideepercomputeredinternet.com/2013/04/how-to-search-blogger-template-code.html
perfetto ho trovato il codice, ma la modifica non funziona... vorrei che linkwithin si vedesse solo nella pagine sei singoli post e non nella home ...
Eliminaho inserito questo codice
ma non funziona continuo a vedere i link nella home...
questo è il mio blog
www.madeinbottega.com
@# Devi inserire questa riga
Elimina<b:if cond='data:blog.url == data:blog.homepageUrl'>
dopo
<b:includable id='main'>
e questa riga
</b:if>
prima di
</b:includable>
Se non funziona significa che hai sbagliato a copiare o che hai sbagliato a individuare il widget
@# Adesso che leggo meglio il commento non parli più di Homepage ma solo di pagine dei singoli post. Allora la prima riga da incollare è questa
Elimina<b:if cond='data:blog.pageType == "item"'>
mentre la seconda rimane la stessa
@# Nel commento 77 vuoi che sia visibile solo in Homepage mentre nel commento 77.b solo nei singoli post :))
Eliminaperfetto .... funziona tutto.... grazie mille
Eliminahai ragione ho fatto un pò di confusione... voglio che si veda solo nei post e non nella home page....
RispondiEliminaquesto è il codice modificato
ma continuo a vederlo nella home... :-(
Ciao Ernesto sono Angelo Smerdanzero..Sono passato per lasciarti un saluto e dirti grazie.Ciao!
RispondiEliminaciao, post utilissimo....
RispondiEliminauna sola domanda... io nel mio blog: http://fancyfactorylab.blogspot.it/ ho deciso di inserire delle interruzioni di pagine nei vari post in modo che nella home compaia solo una intro di quello che sarà poi il post cliccando su "continua a leggere".
ora il problema si pone qui.... io nella sezione MODELLO / POST ho deselezionato tutte le voci tranne la data e commenti.... eppure come si vede nel blog compare anche la voce ETICHETTE... come posso eliminare questa voce???? ripeto la casella è deselezionata quindi non capisco perchè non scompaia... :(
altra info visto che ci sono... ho navigato come un matto per avere un codice per dei POST ESPANDIBILI (che abbiano titolo+miniatura foto+ breve descrizione)... le ho provate tutte ma sembra non andare nessuna ipotesi... hai aggiornamenti in merito???
ti ringrazio in anticipo e sappi che sei il mio guro del blogging html :) ho imparato tutto da te!
@#
EliminaPer nascondere le etichette prova con questo codice
.post-labels {
display:none;
}
prima di /b:skin. Leggi anche questo post
http://www.ideepercomputeredinternet.com/2012/03/come-modificare-gli-elementi-del-footer.html
Per vedere in home l'incipit e la miniatura del post c'è questo sistema
http://www.ideepercomputeredinternet.com/2011/03/come-visualizzare-in-blogger-i.html
E' senza script ma non si può personalizzare
WOW GRAZIE MILLE ERNESTO SEI UN GRANDE!!! alla prossima (ovvero alla prossima volta che tornerò a romperti le scatole eheheheheh)
Eliminabuona giornata un caro saluto!
Non ti sei spiegato bene o forse non ho capito io ma prova a usare questo tag condizionale
RispondiEliminab:if cond='data:blog.url == "http://www.tobiaalberti.com/search/label/fotografia"'
P.S. ho tolto i segni di minore e maggiore
@#
Se si inseriscono due condizioni dal punto di vista logico significa mettere due vincoli. Facendo il paragone con l'insiemistica è come mettere una intersezione e non una unione. Se metti due condizioni deve essere soddisfatta la prima e la seconda e non la prima o la seconda.
RispondiEliminaInvece per ripulire il layout dopo l'uso dei tag condizionali si usa il tag display:none;
http://www.ideepercomputeredinternet.com/2012/02/come-eliminare-i-rettangoli-che-si.html
@#
Ciao Ernesto, un chiarimento: è possibile visualizzare le etichette solo nei post e non nelle pagine statiche?
RispondiEliminaAttualmente, nelle pagine statiche mi compare la sezione footer dove generalmente ci sono le etichette e vorrei eliminarla... Grazie!
@# Non è semplicissimo. Devi utilizzare i vincoli illustrati in questo post per non mostrare un elemento nelle pagine statiche e poi devi riuscire a individuare il codice del modello che mostra l'etichette per poi applicarli. Oltre a questo post ti può essere utile quest'altro
RispondiEliminahttp://www.ideepercomputeredinternet.com/2012/03/come-modificare-gli-elementi-del-footer.html
Intuitivamente potresti incollare sopra a </head> questo codice
<b:if cond='data:blog.pageType == "static_page"'>
<style>
.post-labels {
display:none;
}
</style>
</b:if>
Ciao Ernesto,
RispondiEliminaho un problemino un po' contorto che non so come risolvere :(
Avevo impostato il numero di articoli visibili nella homepage a 0, perché al posto loro ho uno slider e un widget degli ultimi articoli.
Però, ora che ho creato la app di Dieta e Dintorni, se lascio il numero di post impostato a 0, nella schermata della app non si visualizza nulla.
Ora, pensavo di risolvere la cosa:
- Impostando il numero di post nella homepage a 1
- Utilizzando una delle stringhe che indichi in questo articolo (quella che serve a mostrare il widget solo nella pagina di uno specifico url) per nascondere il widget che contiene i post e le loro impostazioni.
Ma se faccio in questo modo, succede che il sito sballa, e non si visualizza più alcun articolo né altra pagina. Probabilmente all'interno del widget che tento di nascondere c'è qualche impostazione che fa sballare tutto quando inserisco la stringa.
Sai se c'è modo di risolvere la cosa, lasciando il numero di post viualizzati nella homepage a 1 e nascondendo in qualche altro modo il post che viene visualizzato nella homepage?
Non so se mi sono spiegata, è un po' complicato :P
Ti ringrazio,
Giuliana
L'app la hai creata con i feed del blog usando un servizio tipo AppGeyser o simili immagino. Quello che si vede nella app è la versione mobile del sito. Quindi dovresti cercare di personalizzare quella versione mostrando o nascondendo quello che serve
Eliminahttp://www.ideepercomputeredinternet.com/2013/10/blogger-versione-mobile-desktop-personalizzare-editor-html.html
Nello specifico però non so darti una dritta sicura.
Sì, con AppGeyser, grazie ad un tuo post :)
EliminaHo capito il tuo ragionamento, ma non so se riuscirò nel mio intento.
Posso chiederti cosa significa la stringa , trovata sotto al widget "Post sul blog"? Cosa succede se la tolgo/modifico?
La stringa non ma l'ha pubblicata perché trattasi di codice, te la riscrivo senza le parentesi: b:if cond='data:mobile == "false"'
EliminaMi sembra che sia il tag condizionale che dal punto di vista logico significhi "Nel caso in cui l'afffermazione che trattasi di un widget visualizzabile sul mobile sia falsa allora..."
EliminaNon so però in che contesto lo hai trovato
@#
Non si può togliere una condizione iniziale senza togliere anche quella finale < /b:if >
EliminaErnesto, se riuscissi a trovare l'id che identifica i post visualizzati nella homepage della versione desktop, basterebbe che utilizzassi il display=none e dovrebbero continuare ad apparire nella homepage della versione mobile... Ma non riesco a capire qual è questo id. Tu hai qualche idea?... Sono andata nella sezione b:includable id='post' var='post' (che conme da post che mi hai indicato si riferisce alla versione desktop) ma non riesco a trovare nulla.
RispondiEliminaP.S. Stai facendo qualche cambiamento grafico notturno? Vedo che sono comparsi i pulsanti rossi "Rispondi" sotto i commenti ;)
Ho messo solo i pulsanti a Rispondi, Elimina (visto solo dall'autore) e Aggiungi commento. Non c'è l'ID del post visualizzato in Home, non è un widget, non è fisso, è un contenuto dinamico che cambia dopo ogni post pubblicato.
EliminaBellini, i pulsanti, potresti farci un post ;)
RispondiEliminaTi ringrazio per l'aiuto, continuo a provare ma non ho proprio idea di come posso fare. Se ti viene in mente qualcosa... Grazie ancora, buonanotte e sogni d'oro!
Giuliana
Ciao! Innanzitutto ottimo sito, complimenti!
RispondiEliminaIo ho inserito un widget di modulo di contatto in una pagina statica del mio sito, precisamente nella pagina dei contatti, seguendo i codici riportati sopra. Il problema è che il widget non viene visualizzato nel post della pagina statica, ma fuori dal post, quindi nella sidebar laterale, o sopra il post ad esempio, insomma non all'interno del post. Come posso inserire il widget del modulo di contatto all'interno del post di una sola pagina statica? Grazie :)
Sicuramente non ti riferisci a questo post ma a un altro. Non mi ricordo se ho scritto un articolo al riguardo e di che tenore ma prova a incollare il codice nel post in Modalità HTML per vedere che effetto fa invece di incollarlo in un gadget per poi mettere un vincolo con i tag condizionali
Elimina@#
Grazie mille!!! E' bastato inserire il codice in modalità Html per visualizzare il widget nel post, come dicevi tu! Grazie ancora, continuerò a seguirti ;)
EliminaHo un blog gratis con blogspot.. appena si apre il sito è visibile uno slideshow che ho inserito tramite gadget Html/javascript. Volevo che lo slideshow fosse visibile solo nella home..e non anche nelle altre pagine... ho incollato il codice dove indichi tu..ma nulla di fatto è cambiato... cosa avrò sbagliato? ho controllato diverse volte.
RispondiEliminaLeggi questo post che è più recente
Eliminahttp://www.ideepercomputeredinternet.com/2013/03/tag-condizionali-blogger.html
soprattutto nella sezione
COME USARE I TAG CONDIZIONALI NEI WIDGET
In sostanza devi incollare
<b:if cond='data:blog.url == data:blog.homepageUrl'>
subito dopo alla riga
<b:includable id='main'>
e la riga
</b:if>
subito prima della riga
</b:includable>
@#
Ciao Ernesto... mi serve un aiuto importante ... sto per spaccare tutto :) . Vorrei visualizzare widget solo nei post con una determinata etichetta. ho già provato di tutto , spero che tu come sempre mi salve :)
RispondiEliminaPurtroppo non si può fare o almeno non si poteva fino a poco tempo fa. Ora sono state introdotte nuove esprepssioni
Eliminahttp://www.ideepercomputeredinternet.com/2015/05/tag-condizionali-if-else-elseif.html
e ho provato a risolvere il quesito da te posto con gli operatori appartenenza e AND per tradurre in codice un enunciato logico del tipo "Se un post appartiene alla etichetta "nome-etichetta" allora mostra il widget". Se tu riesci :)
@#
Grazie provo e ti faccio sapere... so solo che ho gia provate tutte ... comunque non mi arrendo... grazie ancora sei grande
EliminaPer non visualizzare il widget nelle pagine statiche devo Usare solo questo codice?
RispondiEliminaSì. Il codice che sta a sinistra della descrizione. Maggiori informazioni su come nascondere un widget le trovi qui
Eliminahttps://www.ideepercomputeredinternet.com/2016/08/blogger-conditional-tags.html
@#